/* ==========================================================================
   Ytech design tokens — shared by the login page and the back office.
   Palette comes from the Ytech mark (sky → deep blue) on deep navy.
   The landing page (public/landing/css/ytech.css) uses the same values.
   ========================================================================== */
:root {
    --yt-navy-950: #03111d;
    --yt-navy-900: #062033;
    --yt-navy-800: #0a2f4b;
    --yt-navy-700: #0f3f63;
    --yt-blue-700: #0b679e;
    --yt-blue-600: #1286cc;
    --yt-blue-500: #1aa0dc;
    --yt-sky-300: #7fd4f5;
    --yt-sky-100: #e3f5fd;
    --yt-sky-50: #f2fafe;

    --yt-ink: #0b2234;
    --yt-ink-2: #33506a;
    --yt-muted: #5b7388;
    --yt-faint: #8aa0b3;
    --yt-line: #e3eaf1;
    --yt-line-strong: #cfdbe6;
    --yt-surface: #ffffff;
    --yt-bg: #f4f7fb;
    --yt-bg-2: #eef3f8;

    --yt-ok: #12a26b;
    --yt-ok-bg: #e2f6ee;
    --yt-warn: #c98612;
    --yt-warn-bg: #fdf2dc;
    --yt-bad: #d64545;
    --yt-bad-bg: #fde6e6;

    --yt-grad: linear-gradient(135deg, #7fd4f5 0%, #1aa0dc 45%, #0b679e 100%);
    --yt-grad-btn: linear-gradient(135deg, #22a9e4 0%, #1286cc 55%, #0b679e 100%);
    --yt-grad-navy: linear-gradient(160deg, #0d3a5c 0%, #062033 55%, #03111d 100%);

    --yt-font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
    --yt-font-display: "Readex Pro", "IBM Plex Sans Arabic", "Segoe UI", sans-serif;

    --yt-r-sm: 8px;
    --yt-r-md: 12px;
    --yt-r-lg: 16px;
    --yt-r-xl: 24px;

    --yt-shadow-xs: 0 1px 2px rgba(6, 32, 51, 0.05);
    --yt-shadow-sm: 0 1px 2px rgba(6, 32, 51, 0.05), 0 2px 8px rgba(6, 32, 51, 0.05);
    --yt-shadow-md: 0 2px 4px rgba(6, 32, 51, 0.04), 0 10px 28px rgba(6, 32, 51, 0.08);
    --yt-shadow-lg: 0 4px 10px rgba(6, 32, 51, 0.05), 0 24px 56px rgba(6, 32, 51, 0.14);
    --yt-ring: 0 0 0 4px rgba(26, 160, 220, 0.18);

    --yt-ease: cubic-bezier(0.22, 1, 0.36, 1);
}