/* Hallmark · tokens · theme: studied-DNA (source: https://norzer.me)
 * Values lifted from norzer.me's Breakdance global-settings.css + post-26.css,
 * converted to OKLCH. Page CSS references these by name only.
 */
:root {
  color-scheme: dark;

  /* Colour — paper + surfaces (norzer --bde-background-color / 2nd dark bg) */
  --color-paper:        oklch(14.1% 0.003 69.4);   /* #0A0908 */
  --color-paper-glass:  oklch(14.1% 0.003 69.4 / 0.82);
  --color-paper-fade:   oklch(14.1% 0.003 69.4 / 0.66);
  --color-surface:      oklch(20.1% 0.003 67.7);   /* #171615 */
  --color-surface-2:    oklch(23.5% 0.004 84.6);   /* hover lift */
  --color-rule:         oklch(98.5% 0.005 138 / 0.12); /* hairline, hover / emphasis */
  --color-rule-soft:    oklch(98.5% 0.005 138 / 0.07); /* default hairline */
  --color-highlight:    oklch(98.5% 0.005 138 / 0.04); /* top-edge light on raised surfaces */
  --color-wash:         oklch(98.5% 0.005 138 / 0.04); /* neutral hover fill */

  /* Colour — text */
  --color-ink:          oklch(98.5% 0.005 138);    /* headings, near #FFF */
  --color-body:         oklch(68.4% 0.034 153.8);  /* #8aa090 body text */
  --color-muted:        oklch(67.3% 0.008 138);    /* #969696, tinted */

  /* Colour — brand green (norzer palette) */
  --color-accent:       oklch(52.0% 0.162 138.5);  /* #2e7d00 buttons */
  --color-accent-hover: oklch(57.0% 0.175 138.5);
  --color-accent-2:     oklch(66.9% 0.210 138.9);  /* #41B100 */
  --color-accent-3:     oklch(76.4% 0.232 138.3);  /* #58D214 bright text */
  --color-accent-wash:  oklch(52.0% 0.162 138.5 / 0.14);
  --color-accent-line:  oklch(66.9% 0.210 138.9 / 0.22); /* soft green edge for featured items */
  --color-on-accent:    oklch(98.5% 0.005 138);

  /* Colour — Amazon (used only on the two Amazon slots) */
  --color-amazon:       oklch(77.2% 0.174 64.6);   /* #FF9900 */
  --color-amazon-wash:  oklch(77.2% 0.174 64.6 / 0.12);
  --color-on-amazon:    oklch(14.1% 0.003 69.4);

  --color-focus:        oklch(76.4% 0.232 138.3);

  /* Colour — hero overlay layers (soften the Matrix rain behind text) */
  --color-paper-veil:   oklch(14.1% 0.003 69.4 / 0.9);
  --color-paper-scrim:  oklch(14.1% 0.003 69.4 / 0.6);
  --color-paper-thin:   oklch(14.1% 0.003 69.4 / 0.4);

  /* Colour — third-party brand marks (official brand colours) */
  --brand-google:    oklch(63.0% 0.180 260.0);  /* #4285F4 Google blue */
  --brand-yelp:      oklch(63.5% 0.251 28.4);   /* #FF1A1A */
  --brand-angi:      oklch(69.5% 0.195 28.2);   /* #FF6153 */
  --brand-houzz:     oklch(70.3% 0.213 138.5);  /* #4DBC15 */
  --brand-nextdoor:  oklch(79.5% 0.213 129.7);  /* #8ED500 */
  --brand-thumbtack: oklch(66.1% 0.138 233.5);  /* #009FD9 */
  --brand-apple:     var(--color-ink);          /* Apple's mark is monochrome */
  --brand-discord:   oklch(57.7% 0.209 273.9);  /* #5865F2 */
  --brand-youtube:   oklch(62.8% 0.258 29.2);  /* #FF0000 */
  --color-backdrop:     oklch(14.1% 0.003 69.4 / 0.78); /* modal backdrop */
  --color-field-border: oklch(37.9% 0.006 138);    /* #424242, norzer.me footer form fields */
  --color-error:        oklch(73.2% 0.165 28.3);   /* #FF7A6B, form errors */
  --color-shadow:       oklch(0% 0 0 / 0.5);
  --color-shadow-strong: oklch(0% 0 0 / 0.6);

  /* Type — norzer: DM Sans body, Inter headings, Courier Prime mono */
  --font-display: "Inter", system-ui, sans-serif;
  --font-body:    "DM Sans", system-ui, sans-serif;
  --font-mono:    "Courier Prime", "Courier New", monospace;

  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-base: 1.0625rem;
  --text-lg:   1.1875rem;
  --text-xl:   1.4375rem;   /* norzer h3 23px */
  --text-2xl:  clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);
  --text-3xl:  clamp(2.25rem, 1.5rem + 3vw, 3.5rem);

  /* Space — 4pt scale */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6.25rem;    /* norzer section padding 100px */

  /* Shape */
  --radius-sm:   10px;
  --radius-md:   14px;
  --radius-field: 10px;     /* norzer.me footer form fields */
  --radius-lg:   20px;      /* norzer cards */
  --radius-pill: 9999px;    /* norzer buttons */
  --rule-hair:   1px;

  /* Layout */
  --width-page:  1120px;    /* norzer --bde-section-width */
  --gutter:      20px;
  --rail-h:      58px;      /* sticky jump rail height */

  /* Motion */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:    150ms;
  --dur-base:    300ms;     /* norzer --bde-transition-duration */
}