/* ==========================================================================
   Beta Norte · Tokens de diseño (rediseño v1)
   Tema oscuro más profundo y cálido. Ámbar con gradiente + glow como acento.
   Jerarquía numérica fuerte (Sora), datos en Inter tabular.
   ========================================================================== */

:root {
  /* --- Superficies (de más oscuro a más claro) --- */
  --bg:            #0f1114;
  --surface-1:     #15181c;
  --surface-2:     #1b1f25;
  --surface-3:     #232830;
  --surface-4:     #2e343d;

  /* --- Bordes --- */
  --border:        #242a32;
  --border-strong: #38414c;
  --border-soft:   #1b1f25;
  --line:          #2f3843;   /* bordes de inputs / controles */
  --line-strong:   #465060;

  /* --- Texto --- */
  --text:          #f5f2ea;
  --text-muted:    #b9b4a6;
  --text-dim:      #8a8477;
  --text-faint:    #565345;
  --text-on-accent:#17191d;

  /* --- Acento: ámbar (gradiente + glow) --- */
  --accent:        #e8952f;
  --acc2:          color-mix(in oklch, var(--accent) 78%, #fff);
  --accent-hover:  #efa23c;
  --accent-soft:   #edb466;
  --accent-tint:   color-mix(in oklch, var(--accent) 16%, transparent);
  --accent-tint-2: color-mix(in oklch, var(--accent) 26%, transparent);
  --accent-grad:   linear-gradient(180deg, var(--acc2), var(--accent));
  --glow:          0 10px 26px -12px color-mix(in oklch, var(--accent) 70%, transparent), 0 1px 0 rgba(255,255,255,.16) inset;

  /* --- Secundarios de marca --- */
  --terracota:     #b04a22;
  --terracota-soft:#d0673c;
  --crema:         #ede4cb;
  --salvia:        #6a7a55;
  --salvia-soft:   #87996b;

  /* --- Tipos de evento de la agenda --- */
  --t-clase:        #f0a35a;
  --t-salida:       #5fc9b4;
  --t-vencimiento:  #ef7d76;
  --t-cumple:       #b49bf0;
  --t-recordatorio: #e9d075;

  /* --- Semáforo de estado --- */
  --ok:            #5aa06a;
  --ok-soft:       #6fb07d;
  --ok-tint:       rgba(90, 160, 106, 0.14);

  --warn:          #e0b23a;
  --warn-soft:     #e8be4d;
  --warn-tint:     rgba(224, 178, 58, 0.14);

  --danger:        #d8503c;
  --danger-soft:   #e4644f;
  --danger-tint:   rgba(216, 80, 60, 0.13);

  --info:          #6ba0cc;
  --info-soft:     #8fbde2;
  --info-tint:     rgba(107, 160, 204, 0.13);

  /* --- Tipografía --- */
  --font-display: 'Sora', 'Inter', -apple-system, sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'Inter', ui-monospace, 'SFMono-Regular', monospace;
  --font-logo:    'Caveat', 'Segoe Script', cursive;

  /* Escala tipográfica */
  --fs-display: clamp(1.9rem, 3.5vw, 2.6rem);
  --fs-h1: 1.6rem;
  --fs-h2: 1.25rem;
  --fs-h3: 1.02rem;
  --fs-body: 0.94rem;
  --fs-sm: 0.84rem;
  --fs-xs: 0.74rem;

  /* --- Espaciado --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;

  /* --- Radios --- */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-full: 999px;

  /* --- Sombras --- */
  --shadow-1: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-2: 0 8px 24px rgba(0,0,0,0.42);
  --shadow-3: 0 24px 60px -20px rgba(0,0,0,0.7);
  --glow-accent: var(--glow);

  /* --- Layout --- */
  --nav-h: 64px;
  --rail-w: 244px;
  --content-max: 1240px;
  --z-nav: 40;
  --z-sheet: 60;
  --z-toast: 80;

  /* --- Curvas --- */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-spring: cubic-bezier(.34, 1.4, .5, 1);
}