/* Pro Decks design tokens — imported from the Pro Decks design system */

@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;700&display=swap");

:root{
/* ---- Base neutrals: the brand lives on near-black ---- */
--black:#000000;--ink-900:#0A0A0A;--ink-850:#111111;--ink-800:#161616;--ink-700:#1D1D1D;--ink-600:#262626;--ink-500:#333333;--ink-400:#4D4D4D;--ink-300:#7A7A7A;--ink-200:#A8A8A8;--ink-100:#D6D6D6;--white:#FFFFFF;

/* ---- Primary: Pro Decks orange ---- */
--orange-700:#B8410F;--orange-600:#D9541A;--orange-500:#F26522;--orange-400:#FF7A38;--orange-300:#FF9A63;--orange-100:#FFE3D4;
--orange-tint-08:rgba(242,101,34,.08);--orange-tint-16:rgba(242,101,34,.16);--orange-tint-32:rgba(242,101,34,.32);

/* ---- Timber: warm tones ---- */
--timber-dark:#3A1C10;--timber-mid:#7A3A1C;--timber-warm:#A85A2C;--timber-light:#C98A55;

/* ---- Partner / compliance ---- */
--lbp-green:#A2B434;--lbp-grey:#9A9A9A;

/* ---- Semantic ---- */
--success:#5BA83C;--warning:#E8A33D;--danger:#D93A2B;--info:#4A90C2;

/* ---- Semantic aliases: surfaces ---- */
--surface-page:var(--black);--surface-1:var(--ink-900);--surface-2:var(--ink-850);--surface-3:var(--ink-800);--surface-card:var(--ink-850);--surface-input:var(--ink-800);--surface-inverse:var(--white);--surface-accent:var(--orange-500);

/* ---- Semantic aliases: text ---- */
--text-heading:var(--white);--text-body:var(--ink-100);--text-muted:var(--ink-200);--text-subtle:var(--ink-300);--text-accent:var(--orange-500);--text-on-accent:var(--white);--text-on-inverse:var(--ink-900);

/* ---- Semantic aliases: lines ---- */
--border-hairline:#232323;--border-strong:var(--ink-600);--border-accent:var(--orange-500);--rule-accent:var(--orange-500);

/* ---- Semantic aliases: interactive ---- */
--action-bg:var(--orange-500);--action-bg-hover:var(--orange-600);--action-bg-active:var(--orange-700);--action-ghost-border:var(--white);--action-ghost-border-hover:var(--orange-500);--focus-ring:var(--orange-400);

/* ---- Effects ---- */
--radius-0:0;--radius-1:2px;--radius-2:3px;--radius-3:4px;--radius-card:4px;--radius-input:3px;--radius-button:2px;--radius-full:999px;
--shadow-1:0 1px 2px rgba(0,0,0,.6);
--shadow-2:0 6px 18px rgba(0,0,0,.55);
--shadow-3:0 18px 44px rgba(0,0,0,.65);
--shadow-glow:0 8px 28px rgba(242,101,34,.28);
--shadow-glow-strong:0 0 0 1px rgba(242,101,34,.35),0 10px 40px rgba(242,101,34,.35);
--inset-hairline:inset 0 0 0 1px var(--border-hairline);
--inset-accent:inset 0 0 0 1px var(--border-accent);
--scrim-bottom:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,0) 100%);
--scrim-left:linear-gradient(to right,#000 0%,rgba(0,0,0,.75) 40%,rgba(0,0,0,0) 100%);
--scrim-flat:rgba(0,0,0,.55);
--blur-nav:saturate(140%) blur(14px);
--rule-thin:1px;
--rule-accent-h:3px;

/* ---- Motion ---- */
--dur-fast:120ms;--dur:180ms;--dur-slow:320ms;--dur-reveal:520ms;
--ease-standard:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.4,0,1,1);
--t-color:color var(--dur) var(--ease-standard),background-color var(--dur) var(--ease-standard),border-color var(--dur) var(--ease-standard);
--t-transform:transform var(--dur) var(--ease-standard);
--press-scale:0.985;

/* ---- Spacing ---- */
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:104px;--space-13:128px;
--gutter:24px;--section-y:88px;--section-y-lg:120px;--container:1200px;--container-narrow:760px;
--control-h-sm:36px;--control-h:48px;--control-h-lg:56px;--control-px:26px;

/* ---- Typography ---- */
--font-display:"Archivo","Arial Narrow",Helvetica,sans-serif;--font-body:"Barlow","Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;
--display-width:118;--display-width-max:125;--display-weight:800;--display-weight-black:900;
--fs-display-1:76px;--fs-display-2:56px;--fs-display-3:42px;--fs-h1:34px;--fs-h2:26px;--fs-h3:21px;--fs-h4:18px;--fs-body-lg:18px;--fs-body:16px;--fs-body-sm:14px;--fs-caption:13px;--fs-label:12px;--fs-micro:11px;
--lh-tight:0.96;--lh-display:1.04;--lh-heading:1.15;--lh-body:1.62;--lh-snug:1.4;
--ls-display:-0.02em;--ls-heading:-0.005em;--ls-body:0;--ls-label:0.16em;--ls-wordmark:0.06em;--ls-eyebrow:0.12em;
}