@font-face {
  font-family: "Geist";
  src: url("fonts/geist-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: "Geist Mono";
  src: url("fonts/geist-mono-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: "Mirsad Arabic";
  src: url("fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2");
  font-weight: 400 500;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "Mirsad Arabic";
  src: url("fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2");
  font-weight: 600 800;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

:root {
  --font-sans: "Geist", "Mirsad Arabic", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "Cascadia Code", Consolas, monospace;

  --step--1: 0.8125rem;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.5625rem;
  --step-3: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem);
  --step-4: clamp(2.125rem, 1.6rem + 2.2vw, 3.25rem);
  --step-5: clamp(2.5rem, 1.7rem + 3.4vw, 4.25rem);

  --r-1: 4px;
  --r-2: 6px;
  --r-3: 8px;
  --r-4: 12px;
  --r-5: 20px;
  --r-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;

  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 420ms;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);

  --signal: #ffc94d;
  --glow: #7fe7ff;
  --blush: #f7a3b4;
  --face: #f4fafc;

  --ai-assistant-brand: #147d98;
  --ai-assistant-brand-dark: #0f5e74;
  --ai-assistant-brand-soft: #e3f4f9;
  --ai-assistant-avatar-shell: #f4fafc;
  --ai-assistant-avatar-outline: #b5d3de;
  --ai-assistant-avatar-screen: #0f5e74;
  --ai-assistant-avatar-eye: #7fe7ff;
  --ai-assistant-avatar-cheek: #f7a3b4;
  --ai-assistant-avatar-spark: #ffc94d;
  --ai-assistant-font: "Geist", "Mirsad Arabic", ui-sans-serif, system-ui, sans-serif;

  color-scheme: light;
  --bg: #f5f9fb;
  --surface: #ffffff;
  --surface-2: #ecf4f7;
  --surface-3: #dfebf0;
  --line: #d3e2e8;
  --line-strong: #b2c8d1;
  --fg: #0b1a21;
  --fg-2: #33505b;
  --fg-3: #4f6872;
  --accent: #147d98;
  --accent-hover: #0f5e74;
  --accent-fg: #ffffff;
  --accent-soft: #e3f4f9;
  --accent-soft-fg: #0f5e74;
  --accent-line: #a6d9e6;
  --focus: #147d98;
  --ink-bg: #0a171d;
  --ink-fg: #e8f1f4;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0a171d;
  --surface: #0f2028;
  --surface-2: #152a33;
  --surface-3: #1c3640;
  --line: #223b45;
  --line-strong: #38596a;
  --fg: #e8f1f4;
  --fg-2: #b6cdd5;
  --fg-3: #8db1be;
  --accent: #4fb9d6;
  --accent-hover: #7fe7ff;
  --accent-fg: #04202a;
  --accent-soft: #0f3a47;
  --accent-soft-fg: #a6efff;
  --accent-line: #1f6176;
  --focus: #4fb9d6;
}