/* ProTrader Reviews + Gold Desk design tokens (v1.0, 2026-10-22)
   Site copy: lives in /assets/css/, fonts in /assets/fonts/.
   Default (:root) = ProTrader Reviews light theme. Add class="theme-gold-desk" on <html> for Gold Desk (gold on charcoal).
   Fonts: Inter + Plus Jakarta Sans, SIL Open Font License 1.1 (see fonts/OFL-*.txt), self-hosted, Latin subset. */

@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-500.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/inter-700.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/plus-jakarta-sans-700.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/plus-jakarta-sans-800.woff2") format("woff2")}

:root{
  /* ---- brand primitives ---- */
  --pr-navy:#0B1F3A;        /* Regulator Navy */
  --pr-navy-800:#132C4F;
  --pr-navy-700:#1D3A63;
  --pr-teal:#14B8A6;        /* Trust Teal (use on navy, or for icons/large text on white) */
  --pr-teal-700:#0F766E;    /* teal for small text/links on white (AA 5.4:1) */
  --pr-teal-100:#CCFBF1;
  --pr-gold:#C9A227;        /* Gold Standard */
  --pr-gold-light:#E3C25A;
  --pr-gold-dark:#8F7316;
  --pr-charcoal:#1F2937;    /* Charcoal */
  --pr-charcoal-900:#161D28;
  --pr-charcoal-700:#273244;
  --pr-charcoal-600:#344054;
  --pr-cloud:#F2F4F7;       /* Cloud Gray */
  --pr-gray-300:#D0D5DD;
  --pr-gray-500:#667085;
  --pr-gray-600:#475467;
  --pr-white:#FFFFFF;
  /* status (alerts, scam warnings) */
  --pr-danger:#D92D20; --pr-danger-bg:#FEF3F2;
  --pr-warning:#B54708; --pr-warning-bg:#FFFAEB;
  --pr-success:#067647; --pr-success-bg:#ECFDF3;

  /* ---- semantic (ProTrader Reviews, light) ---- */
  --color-bg:var(--pr-white);
  --color-surface:var(--pr-cloud);
  --color-surface-2:#E9EDF2;
  --color-border:var(--pr-gray-300);
  --color-text:var(--pr-charcoal);
  --color-text-muted:var(--pr-gray-600);
  --color-heading:var(--pr-navy);
  --color-primary:var(--pr-navy);          /* primary buttons, header */
  --color-primary-contrast:var(--pr-white);
  --color-accent:var(--pr-teal);
  --color-accent-text:var(--pr-teal-700);
  --color-link:var(--pr-teal-700);
  --color-focus:var(--pr-teal);

  /* ---- typography ---- */
  --font-heading:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-heading:800;
  /* type scale: 1.25 (major third), fluid for display sizes */
  --fs-xs:.75rem;     /* 12 */
  --fs-sm:.875rem;    /* 14 */
  --fs-base:1rem;     /* 16 */
  --fs-md:1.125rem;   /* 18 */
  --fs-lg:1.25rem;    /* 20 */
  --fs-xl:1.5625rem;  /* 25 */
  --fs-2xl:clamp(1.6rem,1.2rem + 1.6vw,1.953rem);  /* 31 */
  --fs-3xl:clamp(1.9rem,1.3rem + 2.6vw,2.441rem);  /* 39 */
  --fs-4xl:clamp(2.2rem,1.4rem + 3.6vw,3.052rem);  /* 49 */
  --lh-tight:1.15; --lh-snug:1.3; --lh-body:1.6;
  --tracking-tight:-.015em; --tracking-caps:.14em;

  /* ---- spacing (4px base) ---- */
  --space-0:0; --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.25rem;
  --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-16:4rem; --space-20:5rem; --space-24:6rem;
  --container:1120px;

  /* ---- radii ---- */
  --radius-xs:4px; --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-xl:20px; --radius-pill:999px;

  /* ---- shadows (navy-tinted) ---- */
  --shadow-xs:0 1px 2px rgba(11,31,58,.06);
  --shadow-sm:0 1px 3px rgba(11,31,58,.10),0 1px 2px rgba(11,31,58,.06);
  --shadow-md:0 4px 10px -2px rgba(11,31,58,.10),0 2px 4px -2px rgba(11,31,58,.06);
  --shadow-lg:0 14px 28px -6px rgba(11,31,58,.14),0 4px 8px -4px rgba(11,31,58,.08);
  --shadow-focus:0 0 0 3px rgba(20,184,166,.35);

  /* ---- motion ---- */
  --ease:cubic-bezier(.2,.7,.2,1); --dur-fast:120ms; --dur:200ms;
}

/* ---- Gold Desk: gold on charcoal ---- */
.theme-gold-desk{
  --color-bg:var(--pr-charcoal-900);
  --color-surface:var(--pr-charcoal);
  --color-surface-2:var(--pr-charcoal-700);
  --color-border:var(--pr-charcoal-600);
  --color-text:var(--pr-cloud);
  --color-text-muted:#A9B1BE;
  --color-heading:#FFFFFF;
  --color-primary:var(--pr-gold);
  --color-primary-contrast:#16130A;
  --color-accent:var(--pr-gold);
  --color-accent-text:var(--pr-gold-light);
  --color-link:var(--pr-gold-light);
  --color-focus:var(--pr-gold-light);
  --shadow-xs:0 1px 2px rgba(0,0,0,.3);
  --shadow-sm:0 1px 3px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.25);
  --shadow-md:0 4px 10px -2px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.3);
  --shadow-lg:0 14px 28px -6px rgba(0,0,0,.5),0 4px 8px -4px rgba(0,0,0,.35);
  --shadow-focus:0 0 0 3px rgba(227,194,90,.4);
  color-scheme:dark;
}

/* ---- protraderreviews.com site.css variable names, mapped to the brand tokens ---- */
:root{
  --font-head:var(--font-heading);
  --c-bg:var(--pr-cloud); --c-surface:#FFFFFF; --c-surface-2:#E9EDF2; --c-line:var(--pr-gray-300);
  --c-text:var(--pr-charcoal); --c-muted:var(--pr-gray-600);
  --c-brand:var(--pr-navy); --c-brand-ink:#FFFFFF;
  --c-accent:var(--pr-teal-700); --c-accent-soft:#E6F6F4;
  --c-warn-bg:var(--pr-warning-bg); --c-warn-line:#F0C36D; --c-warn-ink:#6B4A00;
  --c-alert:#B42318; --c-alert-soft:#FDECEA;
  --radius:var(--radius-md); --shadow:var(--shadow-sm); --maxw:1080px;
}
h1,h2{font-weight:800;color:var(--pr-navy)}