/* ─────────────────────────────────────────────────────────────────────────────
   Solutech — design tokens (store chrome only; templates carry their own systems)
   Identity: warm "paper" marketplace · editorial serif + clean sans + dev mono ·
   prompt-as-code signature. Deliberately NOT the near-black + acid-green AI default.
   ───────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Color ─────────────────────────────────────────────────────────────── */
  --ink:        #17141F;  /* near-black plum — text & dark sections        */
  --ink-soft:   #2A2533;
  --surface:    #FBFAF7;  /* warm off-white paper — primary background      */
  --sand:       #F0ECE3;  /* muted sand — secondary surfaces / cards        */
  --sand-deep:  #E4DECF;
  --accent:     #5B4BFF;  /* electric indigo — the confident accent         */
  --accent-ink: #4536D6;
  --coral:      #FF6B4A;  /* warm coral — secondary pop                     */
  --muted:      #6B6577;  /* muted mauve-gray — meta text                   */
  --line:       #E5DFD4;  /* hairline borders on paper                      */
  --line-dark:  rgba(255,255,255,.12);

  /* Semantic */
  --bg:           var(--surface);
  --fg:           var(--ink);
  --fg-muted:     var(--muted);
  --card:         #FFFFFF;
  --focus-ring:   var(--accent);

  /* ── Type ──────────────────────────────────────────────────────────────── */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --fs-1:  clamp(2.6rem, 6.5vw, 5.2rem);   /* display hero */
  --fs-2:  clamp(2rem, 4.2vw, 3.4rem);     /* section title */
  --fs-3:  clamp(1.4rem, 2.4vw, 2rem);     /* subhead */
  --fs-4:  1.25rem;
  --fs-body: 1.0625rem;
  --fs-sm: 0.9375rem;
  --fs-xs: 0.8125rem;

  --lh-tight: 1.04;
  --lh-snug:  1.2;
  --lh-body:  1.65;

  /* ── Space / layout ──────────────────────────────────────────────────────── */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;

  --maxw: 1200px;
  --maxw-prose: 720px;

  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* ── Effects ───────────────────────────────────────────────────────────── */
  --shadow-sm: 0 1px 2px rgba(23,20,31,.06), 0 2px 8px rgba(23,20,31,.05);
  --shadow:    0 10px 30px rgba(23,20,31,.10);
  --shadow-lg: 0 30px 70px rgba(23,20,31,.18);

  --ease: cubic-bezier(.22,.61,.36,1);
  --dur:  .45s;
}