/* =============================================
   AVsoft ERP Master Luxury Glassmorphism Brochure — Design System Variables
   Strict Compliance with Official Brand Manual
   ============================================= */

:root {
  /* ── BRAND MANUAL OFFICIAL COLOR PALETTE ── */
  --color-teal: #00D2C8;
  --color-teal-dark: #009E96;
  --color-teal-light: #4DE6DF;
  --color-teal-glow: rgba(0, 210, 200, 0.18);

  --color-navy: #005691;
  --color-navy-dark: #002D52;
  --color-navy-deep: #0B172E;

  /* ── OFFICIAL BRAND MANUAL ACCENT COLORS (COLORES DE ACENTO) ── */
  --accent-magenta: #d00c93; /* Official Brand Accent 1 */
  --accent-purple: #7332af;  /* Official Brand Accent 2 */
  --accent-cyan: #3cb9c3;    /* Official Brand Accent 3 */

  /* ── BRAND GRADIENTS ── */
  --grad-teal: linear-gradient(135deg, #00D2C8 0%, #009E96 100%);
  --grad-navy: linear-gradient(135deg, #005691 0%, #002D52 100%);
  --grad-accent-magenta: linear-gradient(135deg, #d00c93 0%, #7332af 100%);
  --grad-accent-cyan: linear-gradient(135deg, #3cb9c3 0%, #009E96 100%);

  /* ── DARK THEME TOKENS (DEFAULT) ── */
  --bg-main: #060B18;
  --bg-surface: #0B132B;
  --bg-glass-card: rgba(11, 23, 46, 0.78);
  --bg-glass-dropdown: rgba(11, 19, 43, 0.92);

  --text-main: #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-muted: #64748B;

  --border-subtle: rgba(255, 255, 255, 0.1);
  --border-accent: rgba(0, 210, 200, 0.35);

  --shadow-glass: 0 12px 40px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 25px rgba(0, 210, 200, 0.35);
  --shadow-magenta-glow: 0 8px 25px rgba(208, 12, 147, 0.45);

  --glass-blur: blur(16px);
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 9999px;

  --font-heading: 'Outfit', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --fs-xs: 0.8rem;
  --fs-small: 0.925rem;
  --fs-body: 1rem;
  --fs-h4: 1.15rem;
  --fs-h3: 1.35rem;
  --fs-h2: 1.85rem;
  --fs-h1: 2.35rem;

  --ease-page: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── LIGHT THEME TOKENS ── */
[data-theme="light"] {
  --bg-main: #F1F5F9;
  --bg-surface: #FFFFFF;
  --bg-glass-card: rgba(255, 255, 255, 0.82);
  --bg-glass-dropdown: rgba(255, 255, 255, 0.95);

  --text-main: #0F172A;
  --text-secondary: #334155;
  --text-muted: #64748B;

  --border-subtle: rgba(15, 23, 42, 0.12);
  --border-accent: rgba(0, 158, 150, 0.4);

  --shadow-glass: 0 12px 35px rgba(15, 23, 42, 0.08);
  --shadow-glow: 0 0 25px rgba(0, 210, 200, 0.25);
  --shadow-magenta-glow: 0 8px 25px rgba(208, 12, 147, 0.35);
}

/* Tokens compartidos por las páginas de módulos. */
:root {
  --grad-hero: linear-gradient(135deg, #002D52 0%, #005691 52%, #009E96 145%);
  --bg-surface-elevated: #101f3b;
  --duration-fast: 180ms;
}
[data-theme="light"] { --bg-surface-elevated: #e8f0f6; }