/* Paleta de interfaz derivada visualmente del logo; no es un manual certificado. */
:root {
  color-scheme: light;
  --brand-navy: #082344;
  --brand-orange: #FF6B00;
  --brand-orange-dark: #B94300;
  --brand-orange-hover: #963700;
  --brand-orange-active: #7D2D00;
  --brand-yellow: #FFC400;
  --brand-red: #F21B2D;
  --brand-burgundy: #A8003B;
  --brand-gradient: linear-gradient(110deg, #FFC400 0%, #FF6B00 55%, #F21B2D 100%);

  --app-background: #F5F7FA;
  --surface: #FFFFFF;
  --text-primary: #10243A;
  --text-secondary: #526174;
  --border: #E2E8F0;
  --input-border: #8190A2;
  --brand-soft: #FFF3E8;
  --surface-muted: #F1F5F9;
  --surface-hover: #F8FAFC;
  --focus: #1D4ED8;
  --disabled-background: #E2E8F0;
  --disabled-text: #475569;

  --success-text: #166534;
  --success-background: #F0FDF4;
  --warning-text: #854D0E;
  --warning-background: #FFFBEB;
  --error-text: #B91C1C;
  --error-background: #FEF2F2;
  --info-text: #1E40AF;
  --info-background: #EFF6FF;
  --burgundy-background: #FFF1F5;

  --shadow-dialog: 0 24px 90px rgb(8 35 68 / 18%);
  --shadow-toast: 0 8px 30px rgb(8 35 68 / 14%);
  --backdrop: rgb(8 35 68 / 45%);
}