/**
 * SDECB Portal v2 - Theme CSS
 * Light theme based on SDECB brand guidelines
 */

:root {
  /* SDECB Brand Colors */
  --accent-red: #ED1C2E;
  --accent-red-hover: #d11a28;
  --accent-red-light: rgba(237, 28, 46, 0.1);
  --deep-navy: #0B2A4A;
  --charcoal: #1C1F23;
  --slate: #4B5563;
  --mist: #F5F7FA;
  --warm-gray: #EEE8E3;
  --white: #FFFFFF;

  /* Semantic Palette */
  --bg-primary: var(--mist);
  --bg-secondary: var(--white);
  --bg-tertiary: var(--warm-gray);
  --bg-card: var(--white);
  --bg-header: var(--deep-navy);
  --text-primary: var(--charcoal);
  --text-secondary: var(--slate);
  --text-muted: #6b7280;
  --text-inverse: var(--white);
  --accent-primary: var(--accent-red);
  --accent-secondary: var(--deep-navy);
  --accent-tertiary: #8b5cf6;
  --accent-orange: #f97316;

  /* Borders & Shadows */
  --border-primary: rgba(0, 0, 0, 0.1);
  --border-secondary: rgba(0, 0, 0, 0.06);
  --border-light: rgba(0, 0, 0, 0.08);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.12);

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, var(--accent-red) 0%, var(--accent-red-hover) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--deep-navy) 0%, #0d3560 100%);
  --gradient-warm: linear-gradient(135deg, #f97316 0%, #ea580c 100%);

  /* Typography + Spacing */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* Layout */
  --page-max: 1200px;
}