/**
 * Secura Design Token System
 * Source: logo_secura.jpeg (extracted dominant colors)
 * Primary Navy: #103050 | Accent Orange: #E06020
 */

/* ============================================
   PRIMITIVE TOKENS — raw color values
   ============================================ */

:root {

  /* Primary — Navy spectrum (extracted from logo) */
  --color-primary-900: #071a2b;
  --color-primary-800: #0A1F35;
  --color-primary-700: #103050;
  --color-primary-600: #1A4068;
  --color-primary-500: #245080;
  --color-primary-400: #3A6699;
  --color-primary-300: #5A85B3;
  --color-primary-200: #8AADCC;
  --color-primary-100: #BAD6E6;

  /* Accent — Orange spectrum (CTA accent from logo) */
  --color-accent-700: #C05010;
  --color-accent-600: #E06020;
  --color-accent-500: #F07030;
  --color-accent-400: #F08030;
  --color-accent-300: #F5A060;
  --color-accent-200: #FAC090;
  --color-accent-100: #FDE0C0;

  /* Semantic — surface & background */
  --color-bg: #F5F7FA;
  --color-surface: #FFFFFF;
  --color-border: #D1D9E6;
  --color-border-light: #E8ECF2;

  /* Semantic — text */
  --color-text-primary: #1A202C;
  --color-text-secondary: #4A5568;
  --color-text-muted: #8896A6;
  --color-text-inverse: #FFFFFF;

  /* Semantic — feedback */
  --color-success: #2F855A;
  --color-success-light: #48BB78;
  --color-success-bg: rgba(47, 133, 90, 0.1);
  --color-success-border: rgba(47, 133, 90, 0.3);

  --color-warning: #E06020;
  --color-warning-light: #F6AD55;
  --color-warning-bg: rgba(224, 96, 32, 0.1);
  --color-warning-border: rgba(224, 96, 32, 0.3);

  --color-danger: #E53E3E;
  --color-danger-light: #FC8181;
  --color-danger-bg: rgba(229, 62, 62, 0.1);
  --color-danger-border: rgba(229, 62, 62, 0.3);

  --color-info: #205080;
  --color-info-light: #3182CE;
  --color-info-bg: rgba(32, 80, 128, 0.1);
  --color-info-border: rgba(32, 80, 128, 0.3);

  /* Semantic — brand */
  --color-brand: var(--color-primary-700);

  /* Focus ring (used across multiple components) */
  --color-focus-ring: rgba(16, 48, 80, 0.2);
  --color-focus-ring-primary: rgba(16, 48, 80, 0.25);

}