/* ═══════════════════════════════════════════════════════════════════
   PALO SECO DS — tokens canónicos de la suite (fuente única de verdad)
   Origen: sistema del CRM (aprobado como referencia por Oscar).
   Uso: cada app enlaza o copia este archivo y pinta SOLO con estos tokens.
   Temas: [data-theme="dark"] (por defecto) y [data-theme="light"].
   ═══════════════════════════════════════════════════════════════════ */

:root,
[data-theme='dark'] {
  color-scheme: dark;
  /* Semánticos (cambian con el tema) — canales RGB para poder aplicar alpha */
  --ps-app-bg: 3 11 12;
  --ps-panel: 8 16 18;
  --ps-surface: 10 18 20;
  --ps-surface-raised: 19 29 32;
  --ps-fg: 255 255 255;
  --ps-muted: 138 143 152;

  --ps-success: 74 222 128;
  --ps-info: 96 165 250;
  --ps-warning: 251 146 60;
  --ps-danger: 248 113 113;
}

[data-theme='light'] {
  color-scheme: light;
  --ps-app-bg: 247 247 245; /* fondo suave (aprobado sobre blanco puro) */
  --ps-panel: 255 255 255;
  --ps-surface: 250 250 248;
  --ps-surface-raised: 240 240 238;
  --ps-fg: 10 18 20;
  --ps-muted: 107 114 128;

  --ps-success: 22 163 74;
  --ps-info: 37 99 235;
  --ps-warning: 234 88 12;
  --ps-danger: 220 38 38;
}

:root {
  /* Marca (constantes en ambos temas) */
  --ps-primary: #e85439;        /* naranja Palo Seco — color de marca */
  --ps-primary-hover: #f05a3d;
  --ps-primary-alt: #ff6b4a;
  --ps-secondary: #bbe901;      /* lima — CTA / secundario */
  --ps-secondary-hover: #d2ff00;
  --ps-secondary-alt: #d2ff2e;
  --ps-accent-alert: #dc2626;

  /* Sombras de marca */
  --ps-glow: 0 0 20px rgba(232, 84, 57, 0.28);
  --ps-glow-secondary: 0 0 20px rgba(187, 233, 1, 0.2);

  /* Tipografía */
  --ps-font-display: 'Figtree', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --ps-font-serif: 'Larken', Georgia, serif; /* itálica variable, acentos editoriales */
  --ps-font-serif-weight: 330; /* Larken siempre ligera y en color de texto, nunca en naranja */

  /* Radios */
  --ps-radius-sm: 8px;
  --ps-radius: 12px;
  --ps-radius-lg: 16px;

  /* Borde sutil estándar */
  --ps-border-subtle: rgb(var(--ps-fg) / 0.08);
}