/**
 * Theme: Default (Ocean Blue)
 * Clean, professional — the original Shlokaa look.
 * Fonts: Open Sans (body) + Raleway (headings)
 */

:root {
  /* Colours */
  --color-primary:        #3498db;
  --color-primary-hover:  #4aa3df;
  --color-primary-dark:   #2383c4;
  --color-primary-bg:     #e1f0fa;
  --color-primary-subtle: #f3f9fd;
  --color-primary-light:  #8bc4ea;
  --color-accent:         #cd504b;
  --color-accent-muted:   #a87272;
  --color-text:           #444444;
  --color-text-dark:      #222222;
  --color-text-muted:     #484848;
  --color-nav-link:       #555555;

  /* Fonts */
  --font-body:    "Open Sans", sans-serif;
  --font-heading: "Raleway", sans-serif;

  /* Size scale — standard */
  --font-size-base:    16px;
  --font-size-sm:      14px;
  --font-size-nav:     15px;
  --font-size-h1:      48px;
  --font-size-h2:      32px;
  --font-size-h3:      26px;
  --heading-letter-spacing: 0.02em;

  /* Radii */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg: 50px;
}