/* Jetons d'Horizon — ses valeurs sur les rôles de la fondation canonique : le bleu d'action de chaque
   palette, les hauteurs de son chrome, l'ombre de ses fenêtres ; et les jetons des modèles qu'il
   règle. */

@layer tokens {
    :root {
        --canon-color-action-luxis: hsl(210 65% 43%);
        --canon-color-action-cinis: hsl(210 65% 34%);
        --canon-color-action-noxus: hsl(210 65% 62%);
        --canon-height-header: 28px;
        --canon-shadow-overlay: 0 8px 32px rgb(0 0 0 / 0.25);
        --local-height-toolbar: 40px;
        --local-height-statusbar: 25px;
        --local-space-prompter-tab: 14px;
        --local-size-prompter-tab-mark: 3px;
    }
}

/* Valeurs que les feuilles d'Horizon écrivaient en dur, chacune sous le nom de son premier emploi
   — famille, objet, rôle (exvae #42, forme 3). */
@layer tokens {
    :root {
        --local-color-decor-home-welcome-lead-ink: rgb(255 255 255 / 0.7);
        --local-color-decor-home-welcome-note-ink: rgb(255 255 255 / 0.5);
        --local-color-decor-home-welcome-surface: rgb(0 48 137 / 0.95);
        --local-color-decor-home-welcome-surface-2: rgb(0 89 223 / 0.95);
        --local-color-decor-home-welcome-title-ink: rgb(255 255 255 / 0.9);
        --local-color-decor-prompter-format-button-hover-surface: rgb(0 0 0 / 0.3);
        --local-color-decor-prompter-tab-segment-surface: color-mix(in srgb, var(--canon-theme-action) 8%, transparent);
        --local-color-decor-toolbar-button-danger-surface: color-mix(in srgb, var(--canon-theme-on-chrome-danger) 15%, transparent);
        --local-color-decor-toolbar-button-info-surface: color-mix(in srgb, var(--canon-theme-on-chrome-info) 15%, transparent);
        --local-color-decor-toolbar-button-neutral-surface: rgb(255 255 255 / 0.08);
        --local-color-decor-toolbar-button-success-surface: color-mix(in srgb, var(--canon-theme-on-chrome-success) 15%, transparent);
        --local-color-decor-toolbar-divider-surface: rgb(255 255 255 / 0.2);
        --local-font-palette-hex: monospace;
        --local-radius-palette-hue: 8px;
        --local-radius-prompter-syntax-code: 3px;
        --local-shadow-prompter-tab: inset 2px 0 0 var(--canon-theme-action);
        --local-size-prompter-syntax-heading: 1.6em;
        --local-size-prompter-syntax-heading-2: 1.4em;
        --local-size-prompter-syntax-heading-3: 1.25em;
        --local-size-prompter-syntax-heading-4: 1.15em;
        --local-size-prompter-syntax-heading-5: 1.05em;
        --local-size-prompter-syntax-heading-6: 1em;
    }
}

/* Jetons que les feuilles d'Horizon déclaraient hors de gbl/, même sélecteur, mêmes règles @ (exvae #42). */
@layer page {
    :root {
        --local-height-tabs: 80px;
        --syntax-quote: hsl(270 60% 55%);
        --syntax-heading: hsl(80 55% 40%);
        --syntax-marker: hsl(35 80% 50%);
        --syntax-code: hsl(15 75% 50%);
        --syntax-bold: hsl(5 70% 50%);
        --syntax-block: hsl(195 70% 45%);
    }
    :root[data-theme="cinis"] {
        --syntax-quote: hsl(270 50% 50%);
        --syntax-heading: hsl(80 50% 38%);
        --syntax-marker: hsl(35 75% 48%);
        --syntax-code: hsl(15 70% 48%);
        --syntax-bold: hsl(5 65% 48%);
        --syntax-block: hsl(195 65% 42%);
    }
    :root[data-theme="noxus"] {
        --syntax-quote: hsl(270 65% 70%);
        --syntax-heading: hsl(80 55% 60%);
        --syntax-marker: hsl(35 80% 65%);
        --syntax-code: hsl(15 75% 65%);
        --syntax-bold: hsl(5 70% 65%);
        --syntax-block: hsl(195 70% 60%);
    }
    :root[data-theme="modulo"] {
        --syntax-quote: hsl(270 60% 60%);
        --syntax-heading: hsl(80 55% 50%);
        --syntax-marker: hsl(35 80% 55%);
        --syntax-code: hsl(15 75% 55%);
        --syntax-bold: hsl(5 70% 55%);
        --syntax-block: hsl(195 70% 55%);
    }
    .editor {
        --editor-scale: 1;
        --editor-zoom: 1;
    }
}