/* Little Loop Studio · design tokens
 * Palette derived from the client's own work, not invented:
 *   · powder blue  oklch(80% 0.052 245) — the literal logo script colour
 *   · burgundy     oklch(45% 0.120 22)  — the thread she actually stitches with
 *     (the SLC pouch, the JHP duffel, both monogrammed in this red)
 * Both are anchored on a deep blue-slate ink and a warm cream paper, so the
 * page never reads as a pastel wash. Every pairing below is contrast-verified.
 */

:root {
  /* ---- paper (warm cream, never pure white) ---- */
  --color-paper:       oklch(96.5% 0.010 75);   /* #F7F3EC */
  --color-paper-2:     oklch(93.5% 0.014 72);   /* alternating band */
  --color-paper-3:     oklch(89.5% 0.016 70);   /* deepest cream, cards */

  /* ---- ink (deep blue-slate, the dark cousin of the brand blue) ---- */
  --color-ink:         oklch(25.0% 0.035 250);  /* 13.6:1 on paper */
  --color-ink-2:       oklch(43.0% 0.030 250);  /*  7.2:1 on paper */
  --color-muted:       oklch(50.5% 0.022 250);  /*  4.5:1 on paper-2, the tightest ground */

  /* ---- hairlines (rules, never card borders) ---- */
  --color-rule:        oklch(87.0% 0.012 250);
  --color-rule-2:      oklch(92.0% 0.010 250);

  /* ---- brand blue ---- */
  --color-blue:        oklch(80.0% 0.052 245);  /* the literal logo blue */
  --color-blue-mid:    oklch(68.0% 0.070 245);  /* pattern ink, rules */
  --color-accent:      oklch(46.0% 0.095 248);  /* links, eyebrows, CTA */
  --color-band:        oklch(42.0% 0.085 248);  /* large colour field */
  --color-band-2:      oklch(33.0% 0.070 250);  /* gradient partner */

  /* ---- thread red (her actual monogram thread) ---- */
  --color-thread:      oklch(45.0% 0.120 22);   /* marks, numerals, accents */
  --color-thread-soft: oklch(83.0% 0.055 22);   /*  4.9:1 on the blue band */

  /* ---- state ---- */
  --color-error:       oklch(48.0% 0.150 25);
  --color-success:     oklch(46.0% 0.085 155);
  --color-focus:       oklch(50.0% 0.150 250);

  /* ---- type ---- */
  --font-display: "Playfair Display", "Iowan Old Style", Georgia, serif;
  --font-body:    "Jost", "Futura", "Century Gothic", system-ui, sans-serif;
  --font-script:  "Pinyon Script", "Apple Chancery", cursive;

  --text-xs:        0.75rem;
  --text-sm:        0.8125rem;
  --text-base:      1rem;
  --text-lg:        1.125rem;
  --text-xl:        1.375rem;
  --text-2xl:       1.75rem;
  --text-3xl:       2.25rem;
  --text-4xl:       3rem;
  --text-display-s: 3.75rem;
  --text-display:   5rem;

  /* ---- 4pt spacing scale ---- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  /* ---- rules, radii, motion ---- */
  --rule-hair:  1px;
  --rule-thick: 2px;
  --radius-sm:  2px;
  --radius-pill: 999px;

  --dur-fast: 130ms;
  --dur-mid:  520ms;
  --dur-slow: 900ms;
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- measure + page ---- */
  --measure:     64ch;
  --page-max:    78rem;
  --page-gutter: clamp(1.25rem, 0.6rem + 2.8vw, 3.5rem);

  /* the signature of the monogram genre: wide-tracked caps */
  --track-eyebrow: 0.22em;
  --track-caps:    0.13em;
}