@import url('./fonts.css');

:root {
    color-scheme: light;
    --color-ink: #18232b;
    --color-primary: #254eff;
    --color-primary-hover: #1739cc;
    --color-primary-soft: #edf0ff;
    --color-accent: #f58232;
    --color-accent-hover: #e86d1b;
    --color-accent-soft: #fff1e5;
    --color-on-accent: #18232b;
    --color-surface: #ffffff;
    --color-canvas: #f4f3ee;
    --color-line: #d8dcd9;
    --color-muted: #53616a;
    --color-footer: #18232b;
    --color-on-dark: #ccd4db;
    --color-danger: #af3238;
    --color-success: #256749;
    --font: 'IBM Plex Sans Arabic', 'IBM Plex Sans', Tahoma, sans-serif;
    --radius: 10px;
    --space: 8px;
    --shadow-panel: 0 24px 70px #18232b1a, 0 3px 12px #18232b0a;
}

html[lang='en'] { --font: 'IBM Plex Sans', 'IBM Plex Sans Arabic', sans-serif; }