/* Paletas predefinidas del kit de Open Design: los tokens.css de Dr. Sebastiani y de SKIN LAB, copiados SIN cambiar
 * valores; solo se les antepone [data-paleta="..."] a los selectores para poder elegirlos (etapas 2-3, 02/11/2026).
 * VITRU es la paleta de siempre (tokens.css). Claro y oscuro de cada una salen de sus propios tokens. */
/* ── sebastiani ── */
[data-paleta="sebastiani"], [data-paleta="sebastiani"][data-theme="light"] {
  
  --fs-azul: #1F3252;
  --fs-azul-950: #0D1626;
  --fs-azul-900: #152540;
  --fs-azul-700: #2C4470;
  --fs-verde: #266658;
  --fs-cobre: #E09B73;
  --fs-cobre-logo: #C77752;
  --fs-marron: #CD8964;
  --fs-offwhite: #EAE3DB;
  --fs-fondo-claro: #F3EFE9;
  --fs-letra-clara: #EFE7DC;
  --fs-linea: #E1D8CC;

  
  --detalle: var(--fs-cobre-logo);
  --hilo-cobre: linear-gradient(90deg, transparent, #C77752 20%, #E09B73 50%, #C77752 80%, transparent);
  --antetitulo: var(--fs-verde);
  --texto-parrafo: var(--fg);
  --link: var(--fs-verde);

  
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.85);
  --glass-shine: linear-gradient(135deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.06) 28%, transparent 55%);
  --glass-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 2px 6px rgba(21,37,64,.05), 0 24px 44px -18px rgba(21,37,64,.30);
  --glass-blur: blur(18px) saturate(1.2);
  --halo: radial-gradient(80% 40% at 85% 62%, rgba(224,155,115,.18), transparent 70%),
          radial-gradient(70% 35% at 10% 55%, rgba(31,50,82,.10), transparent 70%);
  --cabecera-bg: radial-gradient(120% 90% at 50% 0%, #2C4470 0%, #1F3252 50%, #0D1626 100%);

  
  --accent-gradient: linear-gradient(180deg, rgba(44,68,112,.80), rgba(31,50,82,.86) 55%, rgba(21,37,64,.92));
  --accent-border: rgba(255,255,255,.22);
  --accent-shadow: inset 0 1px 0 rgba(255,255,255,.30), inset 0 -1px 0 rgba(0,0,0,.18), 0 8px 18px -6px rgba(21,37,64,.5);
  --btn-2-bg: linear-gradient(180deg, rgba(31,50,82,.04), rgba(31,50,82,.09));
  --btn-2-border: rgba(31,50,82,.18);
  --btn-2-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 6px 14px -8px rgba(21,37,64,.25);
  --btn-shine: linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.08) 42%, transparent 52%),
               linear-gradient(115deg, transparent 30%, rgba(255,255,255,.10) 45%, transparent 60%);

  
  --bg: var(--fs-fondo-claro);
  --surface: #FFFFFF;
  --surface-warm: var(--fs-offwhite);

  
  --fg: var(--fs-azul);
  --fg-2: var(--fs-azul-900);
  --muted: #4E5D78;
  --meta: var(--muted);

  
  --border: var(--fs-linea);
  --border-soft: var(--border);

  
  --accent: var(--fs-azul);
  --accent-on: var(--fs-letra-clara);
  --accent-hover: var(--fs-azul-900);
  --accent-active: var(--fs-azul-950);

  
  --success: #15803D;
  --warn: #B45309;
  --danger: #C81E1E;
  --aviso-bg: linear-gradient(180deg, rgba(38,102,88,.16), rgba(38,102,88,.10));
  --aviso-border: rgba(38,102,88,.22);
  --aviso-inset: inset 0 1px 0 rgba(255,255,255,.6);

  
  --font-display: "Athena", Georgia, "Times New Roman", serif;
  --font-body: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Monaco, Consolas, monospace;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 19px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 50px;

  --leading-body: 1.6;
  --leading-tight: 1.08;
  --tracking-display: 0.01em;

  
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  --section-y-desktop: 96px;
  --section-y-tablet: 72px;
  --section-y-phone: 48px;

  
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 9999px;

  
  --elev-flat: none;
  --elev-ring: 0 0 0 1px var(--border);
  --elev-raised: 0 2px 6px rgba(21,37,64,.05), 0 24px 44px -18px rgba(21,37,64,.30);

  
  --focus-ring: 0 0 0 3px rgba(199, 119, 82, 0.45);

  
  --motion-fast: 150ms;
  --motion-base: 200ms;
  --ease-standard: cubic-bezier(0.23, 1, 0.32, 1);

  
  --container-max: 1120px;
  --container-gutter-desktop: 48px;
  --container-gutter-tablet: 32px;
  --container-gutter-phone: 16px;
}

[data-paleta="sebastiani"][data-theme="dark"] {
  --antetitulo: var(--fs-cobre);
  --texto-parrafo: rgba(239,231,220,.86);
  --bg: var(--fs-azul);
  --surface: var(--fs-azul-700);
  --surface-warm: var(--fs-azul-900);

  --fg: var(--fs-letra-clara);
  --fg-2: var(--fs-offwhite);
  --muted: #B9C2D3;
  --meta: var(--muted);

  --border: rgba(185, 194, 211, 0.16);
  --border-soft: var(--border);

  --accent: var(--fs-azul-700);
  --accent-on: var(--fs-letra-clara);
  --accent-hover: #3D5A8C;
  --accent-active: #22385E;
  --accent-gradient: linear-gradient(180deg, rgba(74,104,156,.62), rgba(44,68,112,.62) 50%, rgba(34,56,94,.70));
  --accent-border: rgba(224,155,115,.45);
  --accent-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.25), 0 10px 20px -8px rgba(0,0,0,.6);
  --btn-2-bg: rgba(239,231,220,.07);
  --btn-2-border: rgba(239,231,220,.26);
  --btn-2-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px -10px rgba(0,0,0,.5);

  --detalle: var(--fs-cobre);
  --link: var(--fs-cobre);

  --success: #3DDC84;
  --warn: #FFC96B;
  --danger: #FF6B6B;

  --glass-bg: linear-gradient(180deg, rgba(44,68,112,.42), rgba(21,37,64,.55));
  --glass-border: rgba(224, 155, 115, 0.18);
  --glass-shine: linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.03) 30%, transparent 55%);
  --glass-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 28px 50px -18px rgba(0,0,0,.7);
  --halo: radial-gradient(60% 30% at 85% 60%, rgba(224,155,115,.10), transparent 70%);
  --cabecera-bg: transparent;
  --aviso-bg: var(--glass-bg);
  --aviso-border: var(--glass-border);
  --aviso-inset: inset 0 1px 0 rgba(255,255,255,.10);

  --elev-raised: 0 28px 50px -18px rgba(0,0,0,.7);
  --focus-ring: 0 0 0 3px rgba(224, 155, 115, 0.5);
}