/**
 * Design tokens, read straight off the Figma file "רולטה-תיקון".
 *
 * Nothing in this file is invented. Where a value carries a Figma node name it
 * is named in the comment, so a later design change can be traced back.
 */

:root {
	/* ---------------------------------------------------------- brand ink */
	--navy-900: #051C45; /* deepest heading ink */
	--navy-800: #081C40;
	--navy-700: #0A2A61; /* login headings + input borders */
	--navy-600: #102A72; /* protest-page headings, primary buttons */
	--navy-500: #252260; /* sidebar panel, "כניסה למערכת" button */

	/* ------------------------------------------------------------- reds */
	--red-600: #E30613; /* protest-page CTA */
	--red-500: #C0161C; /* red felt cells + red rank badges */
	--orange:  #E8492A; /* "קנו ג׳יטון" header CTA */

	/* ------------------------------------------------------------ felt */
	--felt-600: #0A6C41; /* the green cloth */
	--felt-800: #064B2D; /* felt shading */
	--cell-black: #14181F; /* black felt cells */
	--cell-ink: #1B1A33;
	--brass-400: #D8B25F; /* table trim + 0/00 outline */
	--brass-700: #5A4708;
	--brass-900: #4A3510; /* table frame */

	/* ---------------------------------------------------------- greens */
	--green-600: #1F9E52; /* success border */
	--green-700: #056E38; /* success text */
	--green-050: #EDFBF2; /* success tint */
	--olive:     #4F7D1F;

	/* ------------------------------------------------------------ neutral */
	--ink:        #111827; /* body copy */
	--ink-soft:   #374151;
	--muted:      #4A4D63;
	--muted-2:    #5F6379;
	--muted-3:    #7A879E;
	--muted-4:    #9AA2B8;
	--line:       #D2DCE9;
	--line-soft:  #E9EDF9;
	--line-2:     #E3E8F2;
	--line-3:     #C7D1E0;
	--surface:    #FFFFFF;
	--surface-2:  #F9FAFC;
	--surface-3:  #F4F6FA;
	--tint:       #EEF3FA; /* panel tint */
	--tint-2:     #EEF2FB;
	--page:       #E2F1FB; /* pale blue page ground */

	--gold: #F4B323; /* ranking trophy */
	--link: #0A54B0;

	/* ------------------------------------------------------------- chips */
	--chip-7:    #C0161C;
	--chip-10:   #14181F;
	--chip-70:   #E8C530;
	--chip-100:  #0A6C41;
	--chip-700:  #B9C1CC;
	--chip-1000: #D8B25F;

	/* --------------------------------------------------------- typography */
	--font: 'Assistant', 'Segoe UI', system-ui, -apple-system, sans-serif;

	--fs-hero:   58px; /* "למחות. לתרום. להשפיע." */
	--fs-h1:     40px;
	--fs-h2:     34px;
	--fs-h3:     28px;
	--fs-h4:     22px;
	--fs-lg:     19px;
	--fs-body:   17px;
	--fs-sm:     15px;
	--fs-xs:     13px;
	--fs-2xs:    12px;

	/* ------------------------------------------------------------- radii */
	--r-control: 12px;
	--r-cell:    18.5px; /* felt cell — Figma "Cell / Number" */
	--r-card:    28px;
	--r-panel:   36px;
	--r-pill:    999px;

	/* ----------------------------------------------------------- spacing */
	--shell: 1560px; /* board page content width at 1920 */
	--shell-narrow: 1180px;
	--gap: 24px;

	/* ----------------------------------------------------------- shadows */
	--shadow-card: 0 6px 14px rgba(5, 31, 79, 0.22);
	--shadow-soft: 0 2px 10px rgba(16, 42, 114, 0.08);
	--shadow-lift: 0 18px 44px rgba(8, 28, 64, 0.18);
}