/**
 * ASTRYX DESIGN SYSTEM - TOKENS & ATOMIC STYLES
 * AEALCEE Backoffice • Fondo Blanco Minimalista
 */

:root {
  /* Canvas & Surfaces (Fondo Blanco & Neutros Limpios) */
  --astryx-bg-page: #ffffff;
  --astryx-bg-canvas: #f7f7f4;
  --astryx-bg-surface: #ffffff;
  --astryx-bg-subtle: #f1f2f1;
  --astryx-bg-hover: #e7e9e8;

  /* AEALCEE Corporate Palette */
  --astryx-aealcee-navy: #13134a;
  --astryx-aealcee-navy-light: #29296f;
  --astryx-aealcee-navy-muted: rgba(19, 19, 74, 0.08);
  
  --astryx-aealcee-gold: #48d1a0;
  --astryx-aealcee-gold-dark: #218d74;
  --astryx-aealcee-gold-light: #e9fbf5;
  --astryx-aealcee-gold-border: rgba(72, 209, 160, 0.38);

  /* Backwards-compatible aliases used by older modules. */
  --astryx-gold: var(--astryx-aealcee-gold);
  --astryx-gold-dark: var(--astryx-aealcee-gold-dark);
  --astryx-accent-gold: var(--astryx-aealcee-gold);
  --astryx-crimson: #e11d48;

  /* Functional Status Colors */
  --astryx-emerald: #059669;
  --astryx-emerald-subtle: #ecfdf5;
  --astryx-amber: #d97706;
  --astryx-amber-subtle: #fffbeb;
  --astryx-rose: #e11d48;
  --astryx-rose-subtle: #fff1f2;
  --astryx-sky: #0284c7;
  --astryx-sky-subtle: #f0f9ff;

  /* Typography Colors */
  --astryx-text-primary: #142333;
  --astryx-text-secondary: #536273;
  --astryx-text-muted: #8290a0;
  --astryx-text-inverse: #ffffff;

  /* Borders & Dividers */
  --astryx-border: #dfe6ec;
  --astryx-border-subtle: #eaecf0;
  --astryx-border-strong: #cbd5e1;
  --astryx-border-focus: #13134a;

  /* Typography */
  --astryx-font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --astryx-font-display: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --astryx-font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Shadows (Precision Subtle Elevation) */
  --astryx-shadow-xs: 0 1px 2px rgba(19, 19, 74, 0.04);
  --astryx-shadow-sm: 0 6px 18px rgba(19, 19, 74, 0.06);
  --astryx-shadow-md: 0 12px 28px rgba(19, 19, 74, 0.09);
  --astryx-shadow-lg: 0 24px 60px rgba(19, 19, 74, 0.16);

  /* Radii */
  --astryx-radius-sm: 6px;
  --astryx-radius-md: 10px;
  --astryx-radius-lg: 14px;
  --astryx-radius-xl: 20px;
  --astryx-radius-full: 9999px;

  /* Transitions */
  --astryx-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --astryx-transition: all 0.18s var(--astryx-ease);
}