@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap');

:root {
    --auth-white: #ffffff;
    --auth-soft: #f8fafc;
    --auth-navy: #0e1a2b;
    --auth-rich: #13243d;
    --auth-soft-navy: #27466b;
    --auth-teal: #14b8a6;
    --auth-teal-hover: #0f9f91;
    --auth-teal-light: #d9f4f0;
    --auth-teal-ink: #0f766e;
    --auth-muted: #6b7a90;
    --auth-border: #d9e2ec;
    --auth-font: 'IBM Plex Sans Arabic', Tahoma, Arial, sans-serif;
    --auth-mono: 'JetBrains Mono', monospace;
}