/* Design tokens shared by every FamGuiGau module.
   Extracted from docs/maquettes/ecole.html. */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/roboto-latin-ext-I31b6Iv.woff2") format('woff2');
    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: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/roboto-latin-P5vfNz3.woff2") format('woff2');
    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;
}

:root {
    /* ---- Typography ---- */
    --fgg-font-family: 'Roboto', Verdana, Geneva, sans-serif;
    --fgg-font-size: 13px;
    --fgg-font-size-sm: 12px;
    --fgg-font-size-xs: 11px;
    --fgg-line-height: 1.3;
    --fgg-heading-size: 1.3em;
    --fgg-subheading-size: 1.1em;
    --fgg-display-size: 1.85em;
    --fgg-label-tracking: 0.05em;
    --fgg-caps-tracking: 0.06em;

    /* ---- Surfaces ---- */
    --fgg-app-bg: #b1d5fc;
    --fgg-surface: #fff;
    --fgg-surface-hover: #f7fbff;
    --fgg-zebra: #f7f7f7;
    --fgg-row-hover: #dbedff;
    --fgg-selected: #b1d5fc;

    /* ---- Brand ---- */
    --fgg-primary: #2da4e3;
    --fgg-primary-hover: #1d7fb2;
    --fgg-primary-border: #1d7fb2;
    --fgg-table-head: #3399ff;

    /* ---- Ink ---- */
    --fgg-ink: #000066;
    --fgg-ink-strong: #000099;
    --fgg-ink-darkest: #000033;
    --fgg-ink-muted: #333;
    --fgg-ink-faint: #888;
    --fgg-link: #093d58;

    /* ---- Lines & fields ---- */
    --fgg-control-border: #010d61;
    --fgg-field-bg: #fcfcfc;
    --fgg-field-border: #777;
    --fgg-rule: #c1c1c1;
    --fgg-cell-border: #eee;

    /* ---- Neutral (raised) control ---- */
    --fgg-neutral: linear-gradient(#fbf9ff, #dfdee7);
    --fgg-neutral-hover: #fbf9ff;

    /* ---- Status ---- */
    --fgg-info-bg: #e2effe;
    --fgg-info-border: #b1d5fc;
    --fgg-chip-bg: #e6f1ff;

    --fgg-success: #009900;
    --fgg-success-ink: #508631;
    --fgg-success-bg: #edfbd8;
    --fgg-success-border: #bfde84;

    --fgg-warn-bg: #ffecce;
    --fgg-warn-border: #e9c59b;

    --fgg-danger: #e8302c;
    --fgg-danger-hover: #ffccce;
    --fgg-danger-raised: linear-gradient(#eb2a18, #aa1a11);
    --fgg-danger-raised-hover: #eb2a18;
    --fgg-danger-raised-border: #9a1510;

    --fgg-pending: #f07e02;
    --fgg-pending-raised: linear-gradient(#f9a602, #f07e02);
    --fgg-pending-raised-border: #da7e01;
    --fgg-done-raised: linear-gradient(#7fb517, #517e00);
    --fgg-done-raised-border: #598003;

    --fgg-off-bg: #f1f1f1;
    --fgg-off-border: #bbb;
    --fgg-off-ink: #555;

    /* ---- Spacing ---- */
    --fgg-space-1: 4px;
    --fgg-space-2: 6px;
    --fgg-space-3: 8px;
    --fgg-space-4: 10px;
    --fgg-space-5: 12px;
    --fgg-space-6: 14px;
    --fgg-space-7: 16px;
    --fgg-space-8: 18px;
    --fgg-space-9: 20px;
    --fgg-space-10: 24px;

    /* ---- Radii ---- */
    --fgg-radius-sm: 3px;
    --fgg-radius: 4px;
    --fgg-radius-lg: 5px;
    --fgg-radius-pill: 999px;

    /* ---- Elevation ---- */
    --fgg-shadow-overlay: 0 6px 24px rgb(0 0 51 / 30%);
    --fgg-shadow-drawer: 6px 0 24px rgb(0 0 51 / 30%);
    --fgg-shadow-focus: 0 0 5px #2da4e3;
    --fgg-scrim: rgb(0 0 51 / 35%);

    /* ---- Layout ---- */
    /* Default shell width; a module whose maquette is wider overrides it locally. */
    --fgg-content-width: 825px;
    --fgg-content-width-mobile: 390px;

    /* ---- Stacking ---- */
    --fgg-z-bottom-nav: 15;
    --fgg-z-detail: 25;
    --fgg-z-dialog: 30;
    --fgg-z-drawer: 35;
    --fgg-z-confirm: 40;
}