/* Plug design tokens — Direction A "Screening Room".
   Light is the default theme; dark is opt-in (data-theme on <html>, set by the
   boot script in each page head). Spec and contrast notes: docs/ui-revamp/PLAN.md */

@font-face{font-family:"Fraunces";src:url("/fonts/fraunces-roman.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:"Fraunces";src:url("/fonts/fraunces-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap;}
@font-face{font-family:"Geist";src:url("/fonts/geist.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:"Geist Mono";src:url("/fonts/geist-mono.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;}

:root,:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F7F6F3;
  --surface:#FFFFFF;
  --surface-2:#EFEDE9;
  --surface-3:#E7E4DF;
  --line:#E5E2DC;
  --line-strong:#D4D0C8;
  --field-border:#948E85;
  --text:#161412;
  --text-2:#57524B;
  --text-3:#6F6860;
  --primary:#161412;
  --on-primary:#FFFFFF;
  --accent:#FF6B35;
  --on-accent:#170A04;
  --accent-press:#F25A22;
  --accent-text:#B93A0E;
  --accent-soft:#FCE6DC;
  --focus:#D9480F;
  --ready:#17734B;
  --ready-soft:#E4F1EA;
  --review:#8A5A00;
  --review-soft:#F7EDD8;
  --error:#B42318;
  --error-soft:#FBE5E3;
  --on-error:#FFFFFF;
  --mk-ugc:#E2622F;
  --mk-product:#D9532F;
  --mk-spotlight:#3B74D9;
  --mk-scout:#D63F33;
  --mk-scene:#7357D9;
  --mk-dealreel:#9C7A3C;
  --mk-ab:#1E9466;
  --shadow-1:0 1px 2px rgba(22,20,18,.05);
  --shadow-2:0 2px 6px rgba(22,20,18,.06),0 12px 32px -12px rgba(22,20,18,.22);
  --shadow-3:0 32px 80px -24px rgba(22,20,18,.32);
  --glow-opacity:.22;
  --scrim-dialog:rgba(22,20,18,.42);
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0C0B0A;
  --surface:#141311;
  --surface-2:#1B1917;
  --surface-3:#23211E;
  --line:#24211D;
  --line-strong:#2E2A26;
  --field-border:#6B655E;
  --text:#F4EEE6;
  --text-2:#B8AFA4;
  --text-3:#8C847A;
  --primary:#F4EEE6;
  --on-primary:#0C0B0A;
  --accent:#FF6B35;
  --on-accent:#170A04;
  --accent-press:#FF7D4D;
  --accent-text:#FF8A5C;
  --accent-soft:rgba(255,107,53,.12);
  --focus:#FF6B35;
  --ready:#6FD6A8;
  --ready-soft:rgba(111,214,168,.10);
  --review:#E3C795;
  --review-soft:rgba(217,183,126,.12);
  --error:#FF7A7A;
  --error-soft:rgba(255,122,122,.10);
  --on-error:#170A04;
  --mk-ugc:#FF9A6B;
  --mk-product:#FF8A6B;
  --mk-spotlight:#8DB8FF;
  --mk-scout:#FF7A6B;
  --mk-scene:#B49BFF;
  --mk-dealreel:#D9B77E;
  --mk-ab:#6FD6A8;
  --shadow-1:none;
  --shadow-2:0 20px 50px -20px rgba(0,0,0,.9);
  --shadow-3:0 30px 80px -30px rgba(0,0,0,.95);
  --glow-opacity:.42;
  --scrim-dialog:rgba(0,0,0,.6);
}

:root{
  --fixed-dark:#161412;
  --on-media:#F4EEE6;
  --scrim:linear-gradient(to top,rgba(12,11,10,.94) 0%,rgba(12,11,10,.55) 34%,rgba(12,11,10,0) 60%);
  --glass:rgba(12,11,10,.55);
  --media-fallback:linear-gradient(155deg,#2A2724 0%,#161412 100%);
  --brand-meta:#0866FF;
  --on-brand:#FFFFFF;

  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --font-ui:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;
  --r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-pill:999px;

  --dur-press:120ms;--dur-hover:240ms;--dur-panel:420ms;--dur-media:900ms;
  --ease-out:cubic-bezier(.22,1,.36,1);--ease-std:cubic-bezier(.4,0,.2,1);

  /* Legacy names still referenced by inline styles in app.js and older pages.
     They resolve to the new tokens so everything follows the active theme. */
  --ground:var(--bg);
  --ground-2:var(--surface-2);
  --surface-fixed:var(--surface);
  --white:var(--surface);
  --ink:var(--text);
  --fg:var(--text);
  --ink-fixed:var(--fixed-dark);
  --muted:var(--text-3);
  --volt:var(--accent);
  --volt-deep:var(--accent-press);
  --volt-bg:var(--accent-soft);
  --volt-dim:var(--accent-soft);
  --magenta:var(--error);
  --red:var(--error);
  --lime:var(--ready);
  --green:var(--ready);
  --amber:var(--review);
  --violet:var(--mk-spotlight);
  --shadow-card:var(--shadow-1);
  --radius-card:14px;
  --radius-btn:999px;
}

html{background:var(--bg);}
body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
::selection{background:rgba(255,107,53,.26);}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;}
*{scrollbar-color:var(--line-strong) transparent;}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}
}