/* Design tokens copied from the parent 10x site (public/css/global.css :root).
   Authoritative values per the Phase 2 spec (some skill docs are stale):
   --accent-warm is #6935d8. */
:root {
    /* ── Color Palette ─────────────────────────── */
    --primary-color: #0071E3;
    --primary-hover: #0077ED;
    --primary-light: rgba(0, 113, 227, 0.06);
    --primary-border: rgba(0, 113, 227, 0.18);
    --accent-warm: #6935d8;
    --accent-warm-hover: #8b65dd;
    --accent-warm-light: rgba(196, 85, 26, 0.07);
    --text-color: #191A23;
    --text-secondary: #5A5B6A;
    --text-tertiary: #494950;
    --bg-primary: #eff6ff29;
    --bg-secondary: #DBEAFE;
    --bg-surface: #FFFFFF;
    --border-default: #D4E0F0;
    --border-light: #E8EEF8;
    --fsp-hover-bg: rgba(0, 113, 227, 0.06);

    /* Hebrew glyphs render in Noto Sans Hebrew (unicode-range pinned to Hebrew),
       Latin falls through to Helvetica Neue / Open Sans. */
    --font-body: 'Noto Sans Hebrew', 'Helvetica Neue', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: 'Noto Sans Hebrew', 'Helvetica Neue', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'Departure Mono', 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;

    /* ── Spacing Scale ─────────────────────────── */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;
    --space-2xl: 64px;
    --space-3xl: 96px;

    /* ── Shadows ───────────────────────────────── */
    --shadow-sm: 0 1px 3px rgba(0, 60, 130, 0.05), 0 1px 2px rgba(0, 60, 130, 0.03);
    --shadow-md: 0 4px 16px rgba(0, 60, 130, 0.07), 0 1px 4px rgba(0, 60, 130, 0.03);
    --shadow-lg: 0 12px 40px rgba(0, 60, 130, 0.09), 0 4px 12px rgba(0, 60, 130, 0.04);

    /* ── Radius ────────────────────────────────── */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 980px;
}

/* ── Base resets ──────────────────────────────── */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    direction: rtl;
    background: var(--bg-primary);
    color: var(--text-color);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background: var(--primary-light);
    color: var(--text-color);
}

/* ── Brand gradient (full 5-stop) text utility ──
   Only ever apply to light/thin weights - never bold (brand rule). */
.brand-gradient-text {
    background: linear-gradient(90deg, #0894FF 0%, #BD32D6 44%, #6462EA 49%, #0894FF 69%, #FFA304 94%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}