/* Adina design tokens — shared by the public site and the webmail skin.
   Day edition is the light theme, Night edition the dark theme. Only Adina
   blues and neutrals derived from them are used. */

@font-face {
    font-family: "Archivo";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    font-stretch: 62% 125%;
    src: url("../fonts/archivo-variable-latin.woff2") format("woff2-variations");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Archivo";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    font-stretch: 62% 125%;
    src: url("../fonts/archivo-variable-latin-ext.woff2") format("woff2-variations");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Archivo";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    font-stretch: 62% 125%;
    src: url("../fonts/archivo-variable-vietnamese.woff2") format("woff2-variations");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

:root {
    /* Brand — fixed */
    --adina-blue: #0d6efd;
    --adina-blue-600: #0a58ca;
    --adina-blue-700: #084298;
    --adina-navy: #004085;
    --adina-indigo: #1d0559;
    --adina-abyss: #000044;

    /* Type */
    --font: "Archivo", "Helvetica Neue", Arial, sans-serif;
    --wide: 125%;
    --normal: 100%;
    --narrow: 75%;

    /* Motion */
    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
    --t-fast: 140ms;
    --t-base: 220ms;
    --t-slow: 480ms;

    color-scheme: light;

    /* Day edition */
    --paper: #f3f6fb;
    --paper-2: #e7edf7;
    --paper-3: #dbe4f3;
    --ink: #0b0f35;
    --ink-2: #394370;
    --ink-3: #5a6591;
    --rule: rgba(0, 64, 133, 0.2);
    --rule-strong: #004085;
    --structure: #004085;
    --depth: #1d0559;
    --action: #0d6efd;
    --action-hover: #0a58ca;
    --action-ink: #ffffff;
    --link: #0a58ca;
    --live: #0d6efd;
    --focus: #0d6efd;
    --selection: rgba(13, 110, 253, 0.22);
    --plate-tint: #004085;
    --shadow: 0 18px 40px -18px rgba(0, 32, 90, 0.35), 0 2px 6px -2px rgba(0, 32, 90, 0.18);
    --curve: #004085;
    --curve-dim: rgba(0, 64, 133, 0.28);
    --success: #146c43;
    --danger: #b02a37;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;
        --paper: #070a26;
        --paper-2: #0c1134;
        --paper-3: #141b47;
        --ink: #e8eefb;
        --ink-2: #b3c0e0;
        --ink-3: #8e9bc4;
        --rule: rgba(110, 168, 254, 0.2);
        --rule-strong: #3d63b8;
        --structure: #6ea8fe;
        --depth: #9ec5fe;
        --action: #0d6efd;
        --action-hover: #3d8bfd;
        --action-ink: #ffffff;
        --link: #8bb9fe;
        --live: #3d8bfd;
        --focus: #6ea8fe;
        --selection: rgba(61, 139, 253, 0.35);
        --plate-tint: #0a1a5c;
        --shadow: 0 24px 48px -20px rgba(0, 0, 20, 0.8), 0 2px 8px -2px rgba(0, 0, 20, 0.6);
        --curve: #6ea8fe;
        --curve-dim: rgba(110, 168, 254, 0.25);
        --success: #75b798;
        --danger: #ea868f;
    }
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --paper: #070a26;
    --paper-2: #0c1134;
    --paper-3: #141b47;
    --ink: #e8eefb;
    --ink-2: #b3c0e0;
    --ink-3: #8e9bc4;
    --rule: rgba(110, 168, 254, 0.2);
    --rule-strong: #3d63b8;
    --structure: #6ea8fe;
    --depth: #9ec5fe;
    --action: #0d6efd;
    --action-hover: #3d8bfd;
    --action-ink: #ffffff;
    --link: #8bb9fe;
    --live: #3d8bfd;
    --focus: #6ea8fe;
    --selection: rgba(61, 139, 253, 0.35);
    --plate-tint: #0a1a5c;
    --shadow: 0 24px 48px -20px rgba(0, 0, 20, 0.8), 0 2px 8px -2px rgba(0, 0, 20, 0.6);
    --curve: #6ea8fe;
    --curve-dim: rgba(110, 168, 254, 0.25);
    --success: #75b798;
    --danger: #ea868f;
}