/* GSP Seguridad — Color tokens
   Brand palette (official): Red #E71A21 · Blue #3F4E6D
   The brand reads as navy + red: a serious, institutional security identity
   with a single high-energy red accent reserved for action + alarm. */
:root {
  /* ── Brand red (action, alarm, accent) ── */
  --red-500: #E71A21;   /* primary brand red */
  --red-600: #C8141B;   /* hover / pressed */
  --red-700: #A50F15;   /* deep */
  --red-400: #F0474D;   /* light / highlight */
  --red-glow: rgba(231, 26, 33, .15);
  --red-glow-soft: rgba(231, 26, 33, .06);

  /* ── Brand navy / blue (trust, structure, surfaces) ── */
  --navy-500: #3F4E6D;  /* primary brand blue */
  --navy-600: #2E3A53;  /* mid */
  --navy-700: #1E2D4F;  /* deep section background */
  --navy-800: #131D33;  /* deepest surface */
  --navy-900: #0E1526;  /* near-black navbar */
  --navy-400: #5A6B8C;  /* muted blue */

  /* ── Neutrals (light UI) ── */
  --white: #FFFFFF;
  --gray-50:  #F4F6F8;
  --gray-100: #E8ECF0;
  --gray-200: #D1D8E0;
  --gray-300: #B4BFCC;
  --gray-400: #8896A6;
  --gray-500: #6B7A8D;
  --gray-600: #5A6B7F;
  --ink: #1A1A2E;       /* default text on light */

  /* ── Semantic status (operational dashboards) ── */
  --success: #1F9D55;
  --success-bg: rgba(31, 157, 85, .12);
  --warning: #E08A00;
  --warning-bg: rgba(224, 138, 0, .12);
  --danger: #E71A21;    /* shares brand red */
  --danger-bg: rgba(231, 26, 33, .12);
  --info: #3F4E6D;
  --info-bg: rgba(63, 78, 109, .12);

  /* ── Semantic aliases ── */
  --brand: var(--red-500);
  --brand-hover: var(--red-600);

  --bg-page: var(--white);
  --bg-subtle: var(--gray-50);
  --bg-dark: var(--navy-800);
  --bg-dark-deep: var(--navy-900);

  --surface-card: var(--white);
  --surface-card-dark: rgba(255, 255, 255, .03);

  --text-strong: var(--navy-700);
  --text-body: var(--gray-600);
  --text-muted: var(--gray-400);
  --text-on-dark: rgba(255, 255, 255, .88);
  --text-on-dark-muted: rgba(255, 255, 255, .45);
  --text-inverse: var(--white);

  --border: var(--gray-100);
  --border-strong: var(--gray-200);
  --border-on-dark: rgba(255, 255, 255, .08);

  --accent: var(--red-500);
  --focus-ring: rgba(231, 26, 33, .25);
}