/* onyx — token skin, scoped to [data-theme="onyx"] (theme scope). Consumes base.css + foundations token API. */

[data-theme="onyx"] { --bg: #0C0C0E;                  
  --bg-alt: #121215;
  --bg-dark: #0C0C0E;             
  --surface: #17171B;
  --ink: #F5F4F2;                 
  --ink-inverse: #0C0C0E;         
  --text-body: #C9C9CE;           
  --muted: #9C9CA4;
  --accent: #C8A566;              
  --accent-hover: #DDBE85;
  --accent-tint: #241F16;         
  --accent-2: #C8A566;            
  --line: #26262B;

  
  --font-display: 'Archivo', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-utility: 'Inter', system-ui, sans-serif;
  --display-weight: 800;
  --fs-h1: clamp(3rem, 9vw, 7rem); /* @kind font */
  --fs-h2: clamp(2rem, 5vw, 3.5rem); /* @kind font */
  --fs-h3: 1.25rem;
  --fs-body: 1.0625rem;
  --lh-body: 1.7; /* @kind font */
  --fs-eyebrow: 0.75rem;
  --eyebrow-tracking: 0.2em;

  
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --shadow: none;                 
  --glow: 0 0 24px rgba(200, 165, 102, 0.18);
  --btn-case: uppercase; /* @kind other */
  --btn-tracking: 0.06em;
  --input-bg: #141418; }

[data-theme="onyx"] h1, [data-theme="onyx"] h2 { text-transform: uppercase; letter-spacing: 0.01em; }

[data-theme="onyx"] h1 { line-height: 0.98; }

[data-theme="onyx"] h2 { line-height: 1.05; font-weight: 700; }

[data-theme="onyx"] h3 { font-weight: 700; text-transform: none; }

[data-theme="onyx"] .rule-gold { width: 40px; height: 1px; background: var(--accent); border: 0; margin-bottom: 0.875rem; }

[data-theme="onyx"] .btn-primary { box-shadow: var(--glow); }

[data-theme="onyx"] .btn-secondary { border-color: var(--accent); color: var(--accent); }

[data-theme="onyx"] .btn-secondary:hover { background: var(--accent); color: var(--ink-inverse); }

[data-theme="onyx"] .card:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  box-shadow: var(--glow); }

[data-theme="onyx"] .card .index-num { font-family: var(--font-display); font-weight: 800;
  color: var(--accent); font-size: 1.125rem; }

[data-theme="onyx"] .stat-num { font-family: var(--font-display); font-weight: 800;
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  color: var(--accent); line-height: 1; }

[data-theme="onyx"] .stat-label { font-size: 0.75rem; text-transform: uppercase;
  letter-spacing: 0.2em; color: var(--muted); }

[data-theme="onyx"] .scrim-bottom { background: linear-gradient(180deg, transparent 40%, rgba(12, 12, 14, 0.85) 100%); }

[data-theme="onyx"] .site-footer { position: relative; border-top: 1px solid var(--line); }

[data-theme="onyx"] .site-footer .watermark { position: absolute; inset-inline: 0; bottom: 0;
  font-family: var(--font-display); font-weight: 800; text-transform: uppercase;
  font-size: clamp(4rem, 18vw, 14rem); line-height: 1;
  color: var(--ink); opacity: 0.04;
  pointer-events: none; user-select: none;
  text-align: center; overflow: hidden; }