:root {
    color-scheme: dark;
    direction: rtl;
    text-align: start;

    --bai-font-arabic: "IBM Plex Sans Arabic", "BrightArabic", "Noto Sans Arabic", "Tajawal", "Cairo", system-ui, sans-serif;
    --bai-font-weight-regular: 400;
    --bai-font-weight-medium: 500;
    --bai-font-weight-semibold: 600;
    --bai-font-weight-bold: 700;
    --bai-font-size-xs: clamp(0.78rem, 0.76rem + 0.12vw, 0.84rem);
    --bai-font-size-sm: clamp(0.88rem, 0.84rem + 0.18vw, 0.98rem);
    --bai-font-size-md: clamp(1rem, 0.96rem + 0.22vw, 1.12rem);
    --bai-font-size-lg: clamp(1.14rem, 1.04rem + 0.42vw, 1.34rem);
    --bai-font-size-xl: clamp(1.42rem, 1.2rem + 0.9vw, 1.86rem);
    --bai-font-size-2xl: clamp(1.86rem, 1.42rem + 1.8vw, 2.9rem);
    --bai-font-size-3xl: clamp(2.35rem, 1.7rem + 2.9vw, 4.7rem);
    --bai-line-tight: 1.18;
    --bai-line-heading: 1.32;
    --bai-line-body: 1.9;
    --bai-line-relaxed: 2.05;

    --bai-space-1: 0.25rem;
    --bai-space-2: 0.5rem;
    --bai-space-3: 0.75rem;
    --bai-space-4: 1rem;
    --bai-space-5: 1.25rem;
    --bai-space-6: 1.5rem;
    --bai-space-8: 2rem;
    --bai-space-10: 2.5rem;
    --bai-space-12: 3rem;
    --bai-space-16: 4rem;
    --bai-space-section: clamp(2.5rem, 7vw, 5.5rem);
    --bai-container: 73.75rem;
    --bai-touch: 3rem;

    --bai-radius-xs: 0.375rem;
    --bai-radius-sm: 0.5rem;
    --bai-radius-md: 0.75rem;
    --bai-radius-lg: 1rem;
    --bai-radius-xl: 1.35rem;
    --bai-radius-pill: 999rem;

    --bai-z-base: 1;
    --bai-z-sticky: 20;
    --bai-z-toast: 60;
    --bai-z-modal: 80;
    --bai-z-skip: 100;

    --bai-duration-fast: 140ms;
    --bai-duration-base: 240ms;
    --bai-duration-slow: 520ms;
    --bai-duration-cinematic: 900ms;
    --bai-duration-confetti: 1000ms;
    --bai-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --bai-ease-emphasis: cubic-bezier(0.16, 1, 0.3, 1);

    --bai-bg: oklch(14% 0.035 248);
    --bai-bg-raised: oklch(19% 0.042 244);
    --bai-surface: oklch(22% 0.04 244 / 0.78);
    --bai-surface-strong: oklch(27% 0.045 244 / 0.86);
    --bai-surface-soft: oklch(96% 0.012 235 / 0.08);
    --bai-glass: oklch(100% 0 0 / 0.09);
    --bai-glass-strong: oklch(100% 0 0 / 0.14);
    --bai-line: oklch(88% 0.028 235 / 0.2);
    --bai-line-strong: oklch(88% 0.035 235 / 0.34);
    --bai-text: oklch(97% 0.01 230);
    --bai-text-muted: oklch(83% 0.032 236);
    --bai-text-soft: oklch(68% 0.042 238);
    --bai-brand: oklch(77% 0.145 181);
    --bai-brand-strong: oklch(68% 0.16 177);
    --bai-accent: oklch(80% 0.14 82);
    --bai-accent-strong: oklch(73% 0.15 76);
    --bai-blue: oklch(71% 0.16 232);
    --bai-success: oklch(75% 0.15 154);
    --bai-warning: oklch(78% 0.15 74);
    --bai-danger: oklch(68% 0.19 27);
    --bai-focus: oklch(82% 0.145 181 / 0.92);
    --bai-on-brand: oklch(16% 0.035 181);

    --bai-shadow-sm: 0 0.75rem 1.5rem oklch(4% 0.02 245 / 0.22);
    --bai-shadow-md: 0 1.25rem 3rem oklch(4% 0.02 245 / 0.28);
    --bai-shadow-lg: 0 2rem 5rem oklch(4% 0.02 245 / 0.36);
    --bai-shadow-glow: 0 0 2.5rem oklch(77% 0.145 181 / 0.18);
    --bai-shadow-focus: 0 0 0 0.22rem oklch(82% 0.145 181 / 0.36);
  }