/* =========================================================
   TREZE — TOKENS SYSTEM (GLOBAL)
   ========================================================= */

:root{

/* =========================================================
   TYPOGRAPHY
   ========================================================= */

--font-sans:"Lexend Deca", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;


/* =========================================================
   COLORS — PRIMARY
   ========================================================= */

--color-primary-900:#292546;
--color-primary-700:#4A5DA5;
--color-primary-600:#493F93;
--color-primary-500:#6E7DB7;

--color-accent:#C98028;
--color-accent-soft:#DFB37E;


/* =========================================================
   COLORS — LIGHT SCALE
   ========================================================= */

--color-primary-300:#B6B2D4;
--color-primary-200:#DBDFED;
--color-accent-light:#F4E6D4;

--white:#ffffff;
--black:#111111;


/* =========================================================
   LAYOUT
   ========================================================= */

--container-max:1240px;


/* =========================================================
   RADII
   ========================================================= */

--radius-sm:8px;
--radius-md:16px;
--radius-lg:22px;


/* =========================================================
   SHADOWS
   ========================================================= */

--shadow-soft:
0 12px 28px rgba(0,0,0,.12),
0 2px 8px rgba(0,0,0,.08);

--shadow-strong:
0 20px 50px rgba(0,0,0,.25);


/* =========================================================
   EASING
   ========================================================= */

--ease-standard:cubic-bezier(.22,.61,.36,1);


/* =========================================================
   SPLASH / CURSOR TOKENS
   ========================================================= */

--splash-bg-start:#ffffff;
--splash-bg-end:#d9d9d9;


/* cursor */

--cursor-size:12px;
--cursor-radius:999px;
--cursor-blur:2px;


/* cursor glow */

--cursor-glow-soft:
0 0 12px rgba(201,130,54,.35);

--cursor-glow-wide:
0 0 30px rgba(201,130,54,.18);


/* transitions */

--ease-splash:cubic-bezier(.22,.61,.36,1);


/* =========================================================
   LOGIN TOKENS
   ========================================================= */

--color-accent-hover:#a9651e;
--focus-ring-accent:rgba(201,128,40,.35);


/* =========================================================
   ADMIN TOKENS
   ========================================================= */

--admin-bg:var(--color-primary-900);
--admin-text-soft:var(--color-primary-200);

--admin-hover:var(--color-accent);
--admin-hover-strong:#a9651e;

--admin-table-head:var(--color-accent-light);
--admin-table-even:#faf8f4;

}