/* ============================================================
   theme.css — design tokens (SMACSS: Theme)
   OrbitPro — editorial pastel palette
   ============================================================ */
:root {
  /* Brand colours */
  --color-accent:      #6c5ce7;
  --color-accent-dark: #5548c8;
  --color-accent-soft: #a29bfe;
  --color-salmon:      #fab1a0;
  --color-yellow:      #ffeaa7;
  --color-mist:        #dfe6e9;

  /* Pastel section blocks */
  --pastel-1: #fff7d6;
  --pastel-2: #eef2f4;
  --pastel-3: #ffe4db;
  --pastel-4: #efedff;

  /* Ink & surfaces */
  --color-text:        #2d3436;
  --color-text-muted:  #6b7280;
  --color-bg:          #ffffff;
  --color-bg-cream:    #fff9f0;
  --color-line:        #e6e3ef;
  --color-ink-footer:  #1f2233;

  /* Spacing rhythm — airy, em-based */
  --space-xs:  0.5em;
  --space-sm:  1em;
  --space-md:  1.75em;
  --space-lg:  3em;
  --space-xl:  5em;
  --space-2xl: 7em;

  /* Radii */
  --radius:      14px;
  --radius-lg:   24px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(45,52,54,0.08);
  --shadow-md: 0 12px 30px rgba(45,52,54,0.10);
  --shadow-lg: 0 24px 60px rgba(45,52,54,0.14);

  /* Typography */
  --font-head: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Montserrat', system-ui, -apple-system, Segoe UI, sans-serif;

  /* Layout */
  --sidebar-w:  250px;
  --content-max: 62.5em; /* ~900px, airy container */
  --transition: 0.3s ease;
}