/* ==========================================================================
   THEME LAYER: every accent colour on the site comes from these variables.
   One theme: Lab Silver on black & white (approved by Prateek, Oct 2026).
   Accent #AEBBCC (10.5:1 on #050505, WCAG AAA). Gold survives ONLY as a
   heritage accent, scoped with .accent-gold (Inspiration page <main>, Science Narada strip).
   Components must use these variables only (no hard-coded colours).
   To tweak the look, edit ONLY this file.
   ========================================================================== */
:root{
  --accent:#aebbcc;        /* main accent: links, icons, borders, highlights (10.5:1 on #050505) */
  --accent-l:#e5e4e2;      /* light accent: hover, gradient highlight (approved platinum #E5E4E2) */
  --accent-d:#7d8898;      /* deep accent: gradient end, secondary strokes, small text (5.7:1 on #050505, AA) */
  --accent-pale:#f5f7fa;   /* near-white accent (artwork highlights) */
  --accent-deep:#1d2127;   /* very dark accent (artwork fills) */
  --accent-grad:#aebbcc;   /* mid stop of gradient headings / numbers */
  --map-dot:#1f2228;       /* dotted world map (Science timeline) */
  --bg-rgb:5,5,5;           /* --bg as r,g,b for scrims and text-shadows */
  --rail:#2a2e34;          /* timeline / roadmap rails */
  --accent-rgb:174,187,204; /* same as --accent, for rgba(var(--accent-rgb),.3) glows */
  --accent-l-rgb:229,228,226;
  --on-accent:#0a0a0a;     /* text on filled accent buttons (10.2:1 on --accent) */
  --btn-grad:linear-gradient(135deg,#f1f3f6 0%,#aebbcc 45%,#7d8898 100%); /* metal sheen on filled buttons */
  --btn-grad-h:linear-gradient(135deg,#ffffff 0%,#c3cdda 45%,#8e99a8 100%);
  --caution:#e5e4e2;       /* caution outline chips (Preprint / industry data): silver text, dashed border (Designer QA, batch 2) */
  --caution-b:rgba(229,228,226,.5); /* dashed border of caution chips */
  --neutral-chip:#b9bec6;  /* neutral outline chips (e.g. "Not teleportation") */
  --particles:"174,187,204|229,228,226|255,255,255|170,186,210"; /* starfield canvas colours (r,g,b) */
  --art-filter:none;       /* artwork files are already silver (Designer batch 2); no CSS tint, so nothing is tinted twice */
  --ornament:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%237d8898' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23aebbcc'/%3E%3Cstop offset='1' stop-color='%23a6a6a6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 20H245M315 20H560' stroke='url(%23g)' stroke-width='1.5'/%3E%3Cg transform='translate(280 20)' fill='none' stroke='%23aebbcc' stroke-width='1.3'%3E%3Cpath d='M0-16C7-8 7 8 0 16C-7 8-7-8 0-16Z'/%3E%3Cpath d='M-16 0C-8-7 8-7 16 0C8 7-8 7-16 0Z'/%3E%3Ccircle r='4' fill='%237d8898' stroke='none'/%3E%3C/g%3E%3Ccircle cx='258' cy='20' r='2' fill='%237d8898'/%3E%3Ccircle cx='302' cy='20' r='2' fill='%23a6a6a6'/%3E%3C/svg%3E"); /* section divider ornament */
}
/* Heritage gold: ONLY on the Inspiration page content (<main class="page accent-gold">; header, nav and footer stay silver) and the Science Narada strip (<section class="accent-gold">). */
.accent-gold{
  --accent:#d4af37; --accent-l:#f3d27a; --accent-d:#a8862b; --accent-pale:#fbf3dc; --accent-deep:#2e2710; --accent-grad:#d4af37;
  --accent-rgb:212,175,55; --accent-l-rgb:243,210,122; --on-accent:#0a0a0a;
  --btn-grad:linear-gradient(135deg,var(--accent),var(--accent-d)); --btn-grad-h:linear-gradient(135deg,var(--accent-l),var(--accent));
  --ornament:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23a8862b' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23d4af37'/%3E%3Cstop offset='1' stop-color='%23a6a6a6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 20H245M315 20H560' stroke='url(%23g)' stroke-width='1.5'/%3E%3Cg transform='translate(280 20)' fill='none' stroke='%23d4af37' stroke-width='1.3'%3E%3Cpath d='M0-16C7-8 7 8 0 16C-7 8-7-8 0-16Z'/%3E%3Cpath d='M-16 0C-8-7 8-7 16 0C8 7-8 7-16 0Z'/%3E%3Ccircle r='4' fill='%23a8862b' stroke='none'/%3E%3C/g%3E%3Ccircle cx='258' cy='20' r='2' fill='%23a8862b'/%3E%3Ccircle cx='302' cy='20' r='2' fill='%23a6a6a6'/%3E%3C/svg%3E");
}
/* filled buttons follow the scope's gradient */
.btn:not(.btn-ghost):not(.btn-danger){background:var(--btn-grad)}
.btn:not(.btn-ghost):not(.btn-danger):hover{background:var(--btn-grad-h)}

/* artwork follows the theme */
picture img,.teaser.has-art::before{filter:var(--art-filter)}

/* SVG artwork hooks (presentation attributes hold a silver fallback; these classes make them follow the accent, incl. .accent-gold scopes) */
.ac-f{fill:var(--accent)}.ac-s{stroke:var(--accent)}.ac-stop{stop-color:var(--accent)}
.acl-f{fill:var(--accent-l)}.acl-s{stroke:var(--accent-l)}
.acd-f{fill:var(--accent-d)}.acd-s{stroke:var(--accent-d)}.acd-stop{stop-color:var(--accent-d)}
.acp-f{fill:var(--accent-pale)}.acdeep-f{fill:var(--accent-deep)}