/**
 * Theme: AIGNEP
 * Sobreescribe tokens base para la marca AIGNEP.
 * Uso: cargar despues de tokens.css y antes de styles.css
 */

:root {
  /* Brand AIGNEP */
  --brand: #d7282f;
  --brand-soft: rgba(215, 40, 47, 0.18);
  --brand-glow: rgba(215, 40, 47, 0.28);
  --brand-gradient-start: #d7282f;
  --brand-gradient-end: #ef4444;

  /* Typography */
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SF Mono', Monaco, monospace;

  /* Surface dark (default) */
  --bg: #0b0d10;
  --bg-2: #12161c;
  --panel: rgba(255, 255, 255, 0.04);
  --panel-strong: rgba(255, 255, 255, 0.07);
  --line: rgba(255, 255, 255, 0.11);
  --text: #f5f7fb;
  --muted: #aeb8c6;
  --white: #ffffff;
  --success: #88d3a6;

  /* Elevation */
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.10);
  --shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.14);

  /* Spacing & Shape */
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;

  /* Layout */
  --container: 1360px;
  --hero-container: 1480px;
  --container-padding: clamp(16px, 4vw, 48px);
}

/* Light mode overrides for AIGNEP */
html[data-theme="light"] {
  --bg: #f4f5f7;
  --bg-2: #ffffff;
  --panel: rgba(0, 0, 0, 0.03);
  --panel-strong: rgba(0, 0, 0, 0.06);
  --line: rgba(17, 24, 39, 0.12);
  --text: #111827;
  --muted: #5f6b7a;
  --brand-soft: rgba(215, 40, 47, 0.12);
  --brand-glow: rgba(215, 40, 47, 0.22);
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.12);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.10);
}