/*
 * GENERATED by tools/build-tokens.mjs from themes/roq-theme/theme.json — do not edit by hand.
 * Run `node tools/build-tokens.mjs` after changing theme.json; `composer lint` fails when this file is stale.
 */
:root {
	--roq-color-bg: #1c0b3f;
	--roq-color-bg-2: #2d1266;
	--roq-color-surface: #ffffff;
	--roq-color-soft: #f6f3fd;
	--roq-color-ink: #1f1535;
	--roq-color-ink-2: #3a3157;
	--roq-color-muted: #675f82;
	--roq-color-line: #e3def1;
	--roq-color-brand: #6d28d9;
	--roq-color-brand-ink: #ffffff;
	--roq-color-accent: #14d9b5;
	--roq-color-accent-ink: #06332b;
	--roq-color-ok: #0f9d6b;
	--roq-color-ok-ink: #0b7a53;
	--roq-color-ok-bg: #e6f8f1;
	--roq-color-warn: #b45309;
	--roq-color-warn-ink: #7a3e05;
	--roq-color-warn-bg: #fff4e0;
	--roq-color-err: #c62828;
	--roq-color-err-bg: #fdecec;
	--roq-color-wa: #d9f7e3;
	--roq-color-sms: #ececf3;
	--roq-color-chip: #ede7ff;
	--roq-color-chip-ink: #4c1d95;
	--roq-color-note: #eee9fb;
	--roq-color-note-ink: #3b1d79;
	--roq-color-lead: #d8cff1;
	--roq-color-lead-2: #cfc4ee;
	--roq-gradient-stage: linear-gradient(160deg, #2d1266 0%, #1c0b3f 55%);
	--roq-gradient-stage-flat: linear-gradient(160deg, #2d1266 0%, #1c0b3f 100%);
	--roq-font-display: Cairo, Tajawal, system-ui, 'Segoe UI', sans-serif;
	--roq-font-body: Tajawal, system-ui, 'Segoe UI', sans-serif;
	--roq-font-mono: ui-monospace, Menlo, Consolas, monospace;
	--roq-font-size-x-small: 0.8rem;
	--roq-font-size-small: 0.88rem;
	--roq-font-size-medium: 1rem;
	--roq-font-size-large: 1.15rem;
	--roq-font-size-x-large: clamp(1.2rem, 1.083rem + 0.522vw, 1.5rem);
	--roq-font-size-xx-large: clamp(1.6rem, 1.365rem + 1.043vw, 2.2rem);
	--roq-font-size-price: 2rem;
	--roq-font-size-hero: clamp(2rem, 1.609rem + 1.739vw, 3rem);
	--roq-space-10: 0.375rem;
	--roq-space-20: 0.625rem;
	--roq-space-30: 1rem;
	--roq-space-40: 1.375rem;
	--roq-space-50: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
	--roq-space-60: clamp(2rem, 1.4rem + 3vw, 3rem);
	--roq-space-70: clamp(3rem, 2rem + 5vw, 5rem);
	--roq-shadow-card: 0 10px 40px rgba(10, 0, 40, 0.35);
	--roq-shadow-soft: 0 4px 18px rgba(31, 21, 53, 0.08);
	--roq-shadow-selected: 0 0 0 4px rgba(109, 40, 217, 0.14);
	--roq-radius-card: 20px;
	--roq-radius-tile: 16px;
	--roq-radius-control: 12px;
	--roq-radius-small: 8px;
	--roq-radius-pill: 999px;
	--roq-focus-ring: 3px solid #14d9b5;
	--roq-focus-offset: 2px;
	--roq-focus-input-ring: 0 0 0 3px rgba(109, 40, 217, 0.2);
	--roq-control-min-height: 46px;
	--roq-control-border: 1.5px solid #e3def1;
	--roq-content-size: 760px;
	--roq-wide-size: 1080px;
}

@font-face {
	font-family: "Cairo";
	font-style: normal;
	font-weight: 700 800;
	font-display: swap;
	src: url("../../../../themes/roq-theme/assets/fonts/cairo-arabic-700-800.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
	font-family: "Cairo";
	font-style: normal;
	font-weight: 700 800;
	font-display: swap;
	src: url("../../../../themes/roq-theme/assets/fonts/cairo-latin-700-800.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: "Tajawal";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../../../../themes/roq-theme/assets/fonts/tajawal-arabic-400.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../../../../themes/roq-theme/assets/fonts/tajawal-latin-400.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: "Tajawal";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../../../../themes/roq-theme/assets/fonts/tajawal-arabic-500.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../../../../themes/roq-theme/assets/fonts/tajawal-latin-500.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: "Tajawal";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../../../../themes/roq-theme/assets/fonts/tajawal-arabic-700.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../../../../themes/roq-theme/assets/fonts/tajawal-latin-700.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;
}