/* Lion Rock Technology Limited — "Monochrome" theme
   Single source of truth for design tokens. See docs/DESIGN.md for
   the rationale and usage rules behind each token.

   To retheme the site, edit this file only — style.css consumes
   these variables and contains no palette decisions of its own. */

:root {
  /* Neutrals — monochrome */
  --ink: #1A1A1A;        /* primary text; dark section + footer background */
  --ink-soft: #2E2E2E;   /* secondary dark surface; borders on dark */
  --paper: #FAFAFA;      /* page background */
  --card: #FFFFFF;       /* raised surfaces */
  --granite: #666666;    /* muted text on light */
  --line: #E4E4E4;       /* hairline borders on light */

  /* Accent — monochrome ink (was ridge amber) */
  --amber: #111111;        /* fills only: buttons, bands, logo mark — pair with #fff text */
  --amber-deep: #1A1A1A;   /* text-role accent on light: links, eyebrows, outlines */
  --amber-dark: #4A4A4A;   /* link hover on light; button hover fill */
  --amber-bright: #FFFFFF; /* highlight on dark: hero em, stats, footer link hover */
  --amber-tint: #F0F0F0;   /* subtle fills: button hover, success background */
  --amber-shade: #555555;  /* secondary text on light tint (doc-note) */

  /* Text on dark surfaces */
  --dusk-text: #C7C7C7;  /* body copy on ink */
  --dusk-meta: #969696;  /* labels, captions on ink */
  --dusk-link: #E0E0E0;  /* footer links */
  --dusk-faint: #808080; /* fine print on ink */

  /* Pure white — text + marks on dark surfaces */
  --white: #FFFFFF;

  /* Decorative greys — thumbnail & case-study gradients, hero ridgelines
     (ordered darkest → lightest) */
  --tone-1: #0D0D0D;
  --tone-2: #111111;
  --tone-3: #141414;
  --tone-4: #222222;
  --tone-5: #2E2E2E;
  --tone-6: #3A3A3A;
  --tone-7: #4A4A4A;
  --tone-8: #575757;
  --tone-9: #8A8A8A;

  /* Translucent layers */
  --glass: rgba(255, 255, 255, 0.92);      /* frosted nav + badge backdrop */
  --on-dark-dim: rgba(255, 255, 255, 0.72); /* muted text on image/gradient */
  --shadow-soft: rgba(0, 0, 0, 0.12);      /* card lift */
  --shadow-strong: rgba(0, 0, 0, 0.32);    /* case-visual lift */
  --shadow-text: rgba(0, 0, 0, 0.6);       /* legibility on gradients */

  /* Status — signal red, errors only */
  --red: #C93B2B;
  --red-deep: #8A2517;
  --red-tint: #FBEAE7;

  /* Focus ring (bright-amber override applies on dark sections) */
  --focus: var(--amber-deep);

  /* Typography */
  --font-display: "Bricolage Grotesque", "Arial Black", sans-serif;
  --font-body: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", monospace;

  /* Layout */
  --max-w: 1160px;
  --radius: 6px;
  --gap: 24px;
}