/*
 * GalyamStudio CRM: shared foundation of every CRM screen (sign-in and workspace): self-hosted Heebo, the design
 * tokens of Figma oA9zoh7VFWfXPd5dvfyz8R, and the base rules. Loaded before crm-auth.css or crm-app.css.
 */

/* ---------- Heebo, self-hosted (SIL Open Font License, see assets/fonts/OFL-LICENSE.txt) ---------- */
@font-face { font-family: 'Heebo'; font-style: normal; font-display: swap; font-weight: 400; src: url(../fonts/heebo-hebrew-400-normal.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'Heebo'; font-style: normal; font-display: swap; font-weight: 600; src: url(../fonts/heebo-hebrew-600-normal.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'Heebo'; font-style: normal; font-display: swap; font-weight: 700; src: url(../fonts/heebo-hebrew-700-normal.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'Heebo'; font-style: normal; font-display: swap; font-weight: 800; src: url(../fonts/heebo-hebrew-800-normal.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'Heebo'; font-style: normal; font-display: swap; font-weight: 400; src: url(../fonts/heebo-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Heebo'; font-style: normal; font-display: swap; font-weight: 600; src: url(../fonts/heebo-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Heebo'; font-style: normal; font-display: swap; font-weight: 700; src: url(../fonts/heebo-latin-700-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Heebo'; font-style: normal; font-display: swap; font-weight: 800; src: url(../fonts/heebo-latin-800-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------- tokens (Figma variables, plus the states the design leaves to code) ---------- */
:root {
	--gs-white: #ffffff;
	--gs-border: #d8e2ef;
	--gs-navy: #0d1b3e;
	--gs-ink: #122044;
	--gs-muted: #68758d;
	/* #68758d reaches 4.3:1 on the soft background; this shade keeps small text there at WCAG AA (5.0:1). */
	--gs-muted-on-soft: #5f6b82;
	--gs-blue: #1554db;
	--gs-blue-hover: #1148bd;
	--gs-blue-active: #0e3c9f;
	--gs-soft: #f4f7fd;
	--gs-pale: #eaf2ff;
	--gs-lilac: #7a72f6;
	--gs-green: #2fb996;
	--gs-border-hover: #b9c7da;
	--gs-icon: #7f8da5;
	--gs-danger: #b42318;
	--gs-danger-bg: #fdeeee;
	--gs-danger-border: #f3c5c7;
	--gs-success: #145c43;
	--gs-success-bg: #e9f7f1;
	--gs-success-border: #bfe6d6;
	--gs-focus: #1554db;
	--gs-font: 'Heebo', Arial, sans-serif;
	--gs-shadow-card: 0 19px 21px rgba(19, 42, 85, 0.11);
}

/* ---------- base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.gs-crm {
	margin: 0;
	background: var(--gs-soft);
	color: var(--gs-navy);
	font-family: var(--gs-font);
	font-size: 16px;
	line-height: 1.4;
	overflow-x: hidden;
}
/* :where() keeps the base rules at zero specificity, so every component class below overrides them. */
:where(.gs-crm) img { display: block; }
:where(.gs-crm) :where(button, input) { font: inherit; color: inherit; }
.gs-crm [hidden] { display: none !important; }
:where(.gs-crm) :focus-visible { outline: 3px solid var(--gs-focus); outline-offset: 2px; }