/* stylelint-disable value-keyword-case declaration-block-single-line-max-declarations */

/* ── Evident Technologies LLC — Gemstone Design Tokens ────────────────
   Gemstone Identity: Sapphire + Labradorite + Gold
   Premium law-firm authority meets forensic-grade precision.
   Dark: Labradorite/Obsidian depth • Light: Selenite/Pearl warmth
   Gold for premium authority • Sapphire for trust
   ──────────────────────────────────────────────────────────────────────── */
:root {
  /* ── Core Brand Palette ─────────────────────────────────────────── */
  --color-primary: #1f3a99;
  --color-primary-light: #3d64cc;
  --color-primary-dark: #0a1a6e;
  --color-accent: #c88c00;
  --color-accent-light: #e6a817;
  --color-accent-dark: #9a6b00;
  --color-accent-contrast: #825a1e;
  --color-neutral: #f2f0ec;
  --color-bg: #faf9f7;
  --color-text: #1a2040;
  --color-text-muted: #5a6080;
  --color-on-dark: #f9fafb;
  --color-on-dark-muted: #cbd5e1;

  /* ── Extended Gemstone Palette ──────────────────────────────────── */
  --color-sapphire: #1f3a99;
  --color-labradorite: #2d3f6e;
  --color-gold: #c88c00;
  --color-tanzanite: #4a2db5;
  --color-ruby: #9b0020;
  --color-emerald: #0a6840;
  --color-obsidian: #0e1528;
  --color-nuummite: #141e30;
  --color-pearl: #f2f0ec;
  --color-selenite: #faf9f7;
  --color-moonstone: #e8eef5;

  /* ── Semantic Surface Tokens ────────────────────────────────────── */
  --surface-base: var(--color-bg);
  --surface-card: rgb(255 255 255 / 76%);
  --surface-card-solid: #fff;
  --surface-elevated: rgb(255 255 255 / 92%);
  --surface-inset: rgb(26 32 64 / 3%);
  --surface-overlay: rgb(14 21 40 / 60%);

  /* ── Border Tokens ──────────────────────────────────────────────── */
  --border-subtle: color-mix(in srgb, var(--color-labradorite) 12%, white);
  --border-default: color-mix(in srgb, var(--color-labradorite) 20%, white);
  --border-strong: color-mix(in srgb, var(--color-labradorite) 32%, white);
  --border-accent: color-mix(in srgb, var(--color-accent) 40%, transparent);

  /* ── Shadow Scale ───────────────────────────────────────────────── */
  --shadow-xs: 0 1px 2px rgb(14 21 40 / 5%);
  --shadow-sm: 0 2px 8px rgb(14 21 40 / 6%), 0 1px 2px rgb(14 21 40 / 4%);
  --shadow-md: 0 4px 24px rgb(14 21 40 / 8%), 0 1px 4px rgb(14 21 40 / 4%);
  --shadow-lg: 0 12px 40px rgb(14 21 40 / 10%), 0 2px 8px rgb(14 21 40 / 5%);
  --shadow-xl: 0 24px 64px rgb(14 21 40 / 14%), 0 4px 16px rgb(14 21 40 / 6%);
  --shadow-glow-primary: 0 0 32px rgb(31 58 153 / 20%);
  --shadow-glow-accent: 0 0 32px rgb(200 140 0 / 18%);

  /* ── Spacing Scale ──────────────────────────────────────────────── */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* ── Radius Scale ───────────────────────────────────────────────── */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-2xl: 1.5rem;
  --radius-full: 999px;

  /* ── Typography ─────────────────────────────────────────────────── */
  --font-sans:
    'Inter', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --line-height-tight: 1.1;
  --line-height-snug: 1.3;
  --line-height-normal: 1.6;
  --line-height-relaxed: 1.8;

  /* ── Motion ─────────────────────────────────────────────────────── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 400ms;

  /* ── Layout ─────────────────────────────────────────────────────── */
  --max-width: 1200px;
  --max-width-narrow: 760px;
  --max-width-wide: 1400px;
  --site-header-height: 4rem;
  --spacing-base: 1rem;

  /* ── Glass Layer Tokens ─────────────────────────────────────────── */
  --glass-bg: rgb(255 255 255 / 55%);
  --glass-bg-strong: rgb(255 255 255 / 76%);
  --glass-border: rgb(255 255 255 / 60%);
  --glass-blur: blur(16px) saturate(1.4);
  --glass-shadow: var(--shadow-md), inset 0 1px 0 rgb(255 255 255 / 80%);

  /* ── Section Flow Tokens (Alternating + Seamless Transitions) ────── */
  --section-light-a: var(--color-selenite);
  --section-light-b: var(--color-pearl);
  --section-light-c: var(--color-moonstone);
  --section-dark-a: linear-gradient(140deg, #0e1528 0%, #1b2f57 52%, #2d3f6e 100%);
  --section-dark-b: linear-gradient(145deg, #0a1a6e 0%, #1f3a99 55%, #4a2db5 100%);
  --section-dark-c: linear-gradient(150deg, #101b34 0%, #162a4b 48%, #1f3a99 100%);
  --section-seam-size: clamp(2.5rem, 6vw, 4.5rem);
}

/* ── Dark Theme Tokens ──────────────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #0e1528;
    --color-text: #e2e8f0;
    --color-text-muted: #94a3b8;
    --surface-base: #0e1528;
    --surface-card: rgb(22 32 56 / 76%);
    --surface-card-solid: #162038;
    --surface-elevated: rgb(30 44 72 / 92%);
    --surface-inset: rgb(255 255 255 / 4%);
    --surface-overlay: rgb(0 0 0 / 70%);
    --border-subtle: rgb(255 255 255 / 8%);
    --border-default: rgb(255 255 255 / 12%);
    --border-strong: rgb(255 255 255 / 20%);
    --shadow-xs: 0 1px 2px rgb(0 0 0 / 20%);
    --shadow-sm: 0 2px 8px rgb(0 0 0 / 24%);
    --shadow-md: 0 4px 24px rgb(0 0 0 / 28%);
    --shadow-lg: 0 12px 40px rgb(0 0 0 / 32%);
    --shadow-xl: 0 24px 64px rgb(0 0 0 / 40%);
    --glass-bg: rgb(22 32 56 / 55%);
    --glass-bg-strong: rgb(22 32 56 / 76%);
    --glass-border: rgb(255 255 255 / 10%);
    --glass-shadow: var(--shadow-md), inset 0 1px 0 rgb(255 255 255 / 6%);
  }
}

/* Utility classes for layout components */
.container {
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}