/* ============================================================ FifaFusion — design tokens Source of truth: .documentation/ff-design-system.html Theme 1 · Sunset Terrace (default) · Theme 2 · Carbon & Champagne Switch with . Component styles live in src/input.css → assets/app.css (Tailwind build). ============================================================ */ @font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/montserrat-400.woff2) format('woff2')} @font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-600.woff2) format('woff2')} @font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/montserrat-800.woff2) format('woff2')} :root{ --bg:#14100E;--acc:#FF7A59;--acc2:#35C7B4;--gold:#FFC145;--lime:#9BD65C;--red:#F2545B; --txt:#FBF1EC;--dim:#B5A79C;--bd:rgba(255,255,255,.11);--bd2:rgba(255,255,255,.22);--glass:rgba(255,255,255,.055); --g1:rgba(255,122,89,.26);--g2:rgba(53,199,180,.16); --heroA:rgba(176,64,40,.72);--heroB:rgba(53,199,180,.22); --accT:rgba(255,122,89,.16);--accInk:#2A0F07;--surface:rgba(28,20,17,.94); --btnFg:#fff;--btnBg:linear-gradient(135deg,#FF8F70,#E8562F);--btnBg2:linear-gradient(135deg,#4FD8C4,#189684); /* fixed, theme-independent */ --t1:#6FCF6B;--t2:#4C9AE8;--t3:#B07BE8;--t4:#FF8A3D; --optBg:#1E1714;--r-sm:9px;--r-md:12px;--r-lg:16px;--r-xl:18px;--r-2xl:22px;--r-pill:999px; --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:22px;--sp-6:30px; --el-1:0 4px 14px rgba(0,0,0,.28);--el-2:0 10px 34px rgba(0,0,0,.5);--el-3:0 20px 50px rgba(0,0,0,.6)} html[data-theme="carbon"]{--optBg:#17171B; --bg:#0C0C0E;--acc:#E8C88A;--acc2:#C9A227;--gold:#E8C88A;--lime:#A8C686;--red:#E05A5A; --txt:#F3F1EC;--dim:#9C9CA6;--bd:rgba(255,255,255,.10);--bd2:rgba(255,255,255,.2);--glass:rgba(255,255,255,.05); --g1:rgba(201,162,39,.18);--g2:rgba(255,255,255,.06); --heroA:rgba(120,96,26,.62);--heroB:rgba(232,200,138,.18); --accT:rgba(232,200,138,.14);--accInk:#231B07;--surface:rgba(19,19,22,.95); --btnFg:#231B07;--btnBg:linear-gradient(135deg,#F2DCAE,#D9B673);--btnBg2:linear-gradient(135deg,#E0C170,#B8901C)}