/*
 * MyE360 · Tokens
 * Valeurs extraites du code de l'artifact validé (version 1793458376-1673), bloc .e360.
 * Les noms de l'artifact sont repris avec le préfixe --mye- (voir docs/REFERENCE_VISUELLE.md).
 * Portée : .mye-app et .mye-layer (calques rendus hors du conteneur principal).
 */

.mye-app,
.mye-layer {
  /* Couleurs, thème clair (source : code) */
  --mye-bg: #FFFFFF;
  --mye-bg-2: #F5F6F8;
  --mye-surface: #FFFFFF;
  --mye-surface-2: #F5F6F8;
  --mye-surface-3: #EDEFF2;
  --mye-text: #15171B;
  --mye-text-2: #59616D;
  --mye-sep: #E6E8ED;
  --mye-control: #7C838F;
  --mye-primary: #1A58E2;
  --mye-primary-pressed: #1446B8;
  --mye-primary-soft: #EAF0FD;
  --mye-on-primary: #FFFFFF;
  --mye-brand-red: #BE1622;
  --mye-brand-yellow: #F9B12E;
  --mye-success: #137A42;
  --mye-success-soft: #E6F4EC;
  --mye-danger: #C4281C;
  --mye-danger-soft: #FDEDEB;
  --mye-warning: #8F5600;
  --mye-warning-soft: #FEF4DC;
  --mye-info: #1458B8;
  --mye-info-soft: #E8F1FB;
  --mye-glass: rgba(255, 255, 255, .92);
  --mye-media-blue: #1A58E2;
  --mye-media-sky: #DCE6FB;
  --mye-media-sand: #F4E6CF;
  --mye-media-ink: #15171B;
  --mye-scrim: rgba(21, 23, 27, .6);
  --mye-shadow-sheet: 0 6px 24px rgba(21, 23, 27, .12);
  --mye-shadow-segment: 0 1px 3px rgba(21, 23, 27, .12);

  /* Typographie (source : code) */
  --mye-font: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mye-font-serif: "PT Serif", Georgia, serif;
  --mye-fs-caption: 0.8125rem;   /* 13 px */
  --mye-fs-small: 0.875rem;      /* 14 px */
  --mye-fs-body-s: 0.9375rem;    /* 15 px */
  --mye-fs-body: 1rem;           /* 16 px */
  --mye-fs-body-l: 1.0625rem;    /* 17 px */
  --mye-fs-h3: 1.3125rem;        /* 21 px, titre de section */
  --mye-fs-h2: 1.375rem;         /* 22 px, carte de priorité */
  --mye-fs-edito: 1.625rem;      /* 26 px, titre éditorial PT Serif */
  --mye-fs-h1: 2rem;             /* 32 px, grand titre de racine */

  /* Rayons (source : code) */
  --mye-r-xs: 0.375rem;   /* 6 px, case à cocher */
  --mye-r-s: 0.625rem;    /* 10 px, segment intérieur */
  --mye-r-m: 0.75rem;     /* 12 px, champ, icône de liste */
  --mye-r-btn: 0.875rem;  /* 14 px, bouton */
  --mye-r-l: 1rem;        /* 16 px, option, carte compacte */
  --mye-r-xl: 1.5rem;     /* 24 px, carte média, carte de priorité, panneau */
  --mye-r-full: 999px;

  /* Durées (source : guide de refonte, règles d'interaction) */
  --mye-dur-press: 120ms;
  --mye-dur: 200ms;

  color-scheme: light;
}

/* Thème sombre composé (source : code) */
.mye-app[data-theme="sombre"],
.mye-layer[data-theme="sombre"] {
  --mye-bg: #0E1013;
  --mye-bg-2: #17191E;
  --mye-surface: #1C1F25;
  --mye-surface-2: #23262D;
  --mye-surface-3: #2A2E36;
  --mye-text: #F2F3F5;
  --mye-text-2: #A9B0BC;
  --mye-sep: #2C3038;
  --mye-control: #6B7280;
  --mye-primary: #7EA6FF;
  --mye-primary-pressed: #A3BFFF;
  --mye-primary-soft: #1B2A4A;
  --mye-on-primary: #0E1013;
  --mye-success: #63D69A;
  --mye-success-soft: #12261B;
  --mye-danger: #FF9D92;
  --mye-danger-soft: #331614;
  --mye-warning: #F7B84A;
  --mye-warning-soft: #33260C;
  --mye-info: #84BDF5;
  --mye-info-soft: #10243A;
  --mye-glass: rgba(23, 25, 30, .84);
  --mye-media-blue: #244A9E;
  --mye-media-sky: #1E2A44;
  --mye-media-sand: #3A2F1E;
  --mye-media-ink: #08090B;
  color-scheme: dark;
}

/* Thème du système : mêmes valeurs que le sombre composé */
@media (prefers-color-scheme: dark) {
  .mye-app[data-theme="systeme"],
  .mye-layer[data-theme="systeme"] {
    --mye-bg: #0E1013;
    --mye-bg-2: #17191E;
    --mye-surface: #1C1F25;
    --mye-surface-2: #23262D;
    --mye-surface-3: #2A2E36;
    --mye-text: #F2F3F5;
    --mye-text-2: #A9B0BC;
    --mye-sep: #2C3038;
    --mye-control: #6B7280;
    --mye-primary: #7EA6FF;
    --mye-primary-pressed: #A3BFFF;
    --mye-primary-soft: #1B2A4A;
    --mye-on-primary: #0E1013;
    --mye-success: #63D69A;
    --mye-success-soft: #12261B;
    --mye-danger: #FF9D92;
    --mye-danger-soft: #331614;
    --mye-warning: #F7B84A;
    --mye-warning-soft: #33260C;
    --mye-info: #84BDF5;
    --mye-info-soft: #10243A;
    --mye-glass: rgba(23, 25, 30, .84);
    --mye-media-blue: #244A9E;
    --mye-media-sky: #1E2A44;
    --mye-media-sand: #3A2F1E;
    --mye-media-ink: #08090B;
    color-scheme: dark;
  }
}

/* Verre opaque : réglage utilisateur ou préférence système (source : code) */
.mye-app[data-glass="opaque"],
.mye-layer[data-glass="opaque"] {
  --mye-glass: var(--mye-surface);
}

@media (prefers-reduced-transparency: reduce) {
  .mye-app,
  .mye-layer {
    --mye-glass: var(--mye-surface);
  }
}