/* ============================================================
   tokens.css — Inlightening Studio · A56OS.ai
   Fuente única de verdad. Compilado desde tokens.json.
   Regla: NINGÚN hex fuera de este archivo (F6 de auditoría).
   Contraste WCAG 2.2 AA verificado por atmósfera (ver tokens.json).
   ============================================================ */

@layer reset, tokens, base, layout, components, utilities;

@layer tokens {
  /* --- escala compartida (idéntica en las 4 atmósferas) --- */
  :root {
    --a56-font-display: 'Rajdhani', 'Montserrat', system-ui, sans-serif;
    --a56-font-body: 'Inter', 'Roboto', system-ui, sans-serif;
    --a56-font-mono: ui-monospace, 'Cascadia Code', monospace;

    --a56-t-xs: .75rem;
    --a56-t-sm: .875rem;
    --a56-t-base: 1rem;
    --a56-t-lg: clamp(1.125rem, .9rem + .6vw, 1.375rem);
    --a56-t-xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
    --a56-t-hero: clamp(2.125rem, 1.4rem + 3.4vw, 3.625rem);

    --a56-lh-tight: 1.12;
    --a56-lh-snug: 1.35;
    --a56-lh-body: 1.6;
    --a56-track-kicker: .22em;
    --a56-track-brand: .14em;

    --a56-s1: .25rem;  --a56-s2: .5rem;   --a56-s3: .75rem;
    --a56-s4: 1rem;    --a56-s5: 1.5rem;  --a56-s6: 2rem;
    --a56-s7: 3rem;    --a56-s8: 4.5rem;
    --a56-gutter: clamp(1rem, 4vw, 1.5rem);
    --a56-measure: 68ch;

    --a56-radius-1: 6px;
    --a56-radius-2: 10px;
    --a56-radius-3: 16px;
    --a56-radius-pill: 999px;

    --a56-motion-fast: 150ms;
    --a56-motion-base: 240ms;
    --a56-motion-slow: 420ms;
    --a56-ease-out: cubic-bezier(.2, .7, .3, 1);

    --a56-z-base: 0; --a56-z-sticky: 10; --a56-z-overlay: 100; --a56-z-toast: 200;

    --a56-error: #C62828;
    --a56-success: #1F7A4D;
    --a56-warning: #8A6100;
  }

  /* ============================================================
     ATMÓSFERAS — pares de contraste verificados
     midnight 13.9 / 9.4 / 9.4 / 4.9
     rose      9.4 / 9.4 / 9.4 / 3.4
     violet    5.9 / 3.4 / 9.4 / 3.4
     emerald   4.9 / 4.9 / 4.9 / 4.9
     ============================================================ */

  :root,
  [data-atmosphere='midnight'] {
    --a56-surface:        #181F2C;
    --a56-on-surface:     #E8EDF4;
    --a56-accent:         #E8B6D9;
    --a56-on-accent:      #181F2C;
    --a56-focus:          #1F9D8B;
    --a56-line:           #2A3346;
    --a56-muted:          #9AA6B8;
    --a56-elevation:      #10151F;
    --a56-shadow:         0 2px 12px rgba(0, 0, 0, .35);
  }

  [data-atmosphere='rose'] {
    --a56-surface:        #E8B6D9;
    --a56-on-surface:     #181F2C;
    --a56-accent:         #181F2C;
    --a56-on-accent:      #E8B6D9;
    --a56-focus:          #6F4CC9;
    --a56-line:           #D69FC2;
    --a56-muted:          #5B4A57;
    --a56-elevation:      #F3D9E8;
    --a56-shadow:         0 2px 12px rgba(24, 31, 44, .14);
  }

  [data-atmosphere='violet'] {
    --a56-surface:        #6F4CC9;
    --a56-on-surface:     #FFFFFF;
    --a56-accent:         #E8B6D9;
    --a56-on-accent:      #181F2C;
    --a56-focus:          #E8B6D9;
    --a56-line:           #8A6FDB;
    --a56-muted:          #D9D0F5;
    --a56-elevation:      #5B3EB0;
    --a56-shadow:         0 2px 12px rgba(24, 31, 44, .30);
  }

  [data-atmosphere='emerald'] {
    --a56-surface:        #1F9D8B;
    --a56-on-surface:     #181F2C;   /* blanco = 3.4:1 FALLA */
    --a56-accent:         #181F2C;
    --a56-on-accent:      #1F9D8B;
    --a56-focus:          #181F2C;
    --a56-line:           #188574;
    --a56-muted:          #0F3B36;
    --a56-elevation:      #1A8777;
    --a56-shadow:         0 2px 12px rgba(24, 31, 44, .24);
  }
}