/**
 * TALOS Shipyards Brand Colors
 * Royal Azure Design System
 */

html {
  /* === PRIMARY BRAND COLORS === */
  --primary: #3E64CD;              /* Royal Azure */
  --secondary: #8AB1EA;            /* Royal Azure Light */
  --tertiary: #1A237E;             /* Royal Azure Dark */
  --quaternary: #6366F1;           /* Accent Purple */
  
  --primary-rgb: 62, 100, 205;
  --secondary-rgb: 138, 177, 234;
  --tertiary-rgb: 26, 35, 126;
  --quaternary-rgb: 99, 102, 241;
  
  --primary-darker: #2952B8;
  --secondary-darker: #7089B8;
  --tertiary-darker: #0F1654;
  --quaternary-darker: #4F46E5;

  /* === NAVY BACKGROUNDS === */
  --navy: #0F172A;
  --navy-dark: #0A192F;
  --navy-rgb: 15, 23, 42;

  /* === TEXT COLORS === */
  --body: #334155;                 /* Slate 700 */
  --alternate: #64748B;            /* Slate 500 */
  --muted: #94A3B8;                /* Slate 400 */
  
  --body-rgb: 51, 65, 85;
  --alternate-rgb: 100, 116, 139;
  --muted-rgb: 148, 163, 184;
  
  --body-darker: #1E293B;
  --alternate-darker: #475569;
  --muted-darker: #64748B;

  /* === SEPARATORS === */
  --separator: #E2E8F0;            /* Slate 200 */
  --separator-light: #F1F5F9;      /* Slate 100 */
  --separator-rgb: 226, 232, 240;
  --separator-light-rgb: 241, 245, 249;
  --separator-darker: #CBD5E1;     /* Slate 300 */

  /* === BACKGROUNDS === */
  --background: #F8FAFC;           /* Slate 50 */
  --foreground: #FFFFFF;
  --background-rgb: 248, 250, 252;
  --foreground-rgb: 255, 255, 255;
  --background-theme: #F1F5F9;
  --background-light: #FAFBFC;

  /* === GRADIENTS === */
  --gradient-1: #3E64CD;
  --gradient-2: #6366F1;
  --gradient-3: #8AB1EA;
  --gradient-1-lighter: #8AB1EA;
  --gradient-1-darker: #1A237E;

  /* === TEXT VARIATIONS === */
  --light-text: #FFFFFF;
  --dark-text: #0F172A;
  --light-text-darker: #F8FAFC;
  --dark-text-darker: #020617;
  --light-text-rgb: 255, 255, 255;
  --dark-text-rgb: 15, 23, 42;

  /* === STATUS COLORS === */
  --danger: #EF4444;               /* Red 500 */
  --info: #3B82F6;                 /* Blue 500 */
  --warning: #F59E0B;              /* Amber 500 */
  --success: #10B981;              /* Green 500 */
  
  --danger-rgb: 239, 68, 68;
  --info-rgb: 59, 130, 246;
  --warning-rgb: 245, 158, 11;
  --success-rgb: 16, 185, 129;
  
  --danger-darker: #DC2626;
  --info-darker: #2563EB;
  --warning-darker: #D97706;
  --success-darker: #059669;

  /* === LIGHT/DARK === */
  --light: #F1F5F9;
  --dark: #0F172A;
  --light-rgb: 241, 245, 249;
  --dark-rgb: 15, 23, 42;
  --light-darker: #E2E8F0;
  --dark-darker: #020617;

  /* === GATE COLORS === */
  --gate-east: #EF4444;            /* Red for East Gate */
  --gate-west: #3B82F6;            /* Blue for West Gate */
  --gate-east-rgb: 239, 68, 68;
  --gate-west-rgb: 59, 130, 246;

  /* === SHADOWS === */
  --menu-shadow: 0px 4px 12px rgba(15, 23, 42, 0.08);
  --menu-shadow-navcolor: 0px 2px 8px rgba(15, 23, 42, 0.04);
  
  /* === NAV COLORS === */
  --background-navcolor-light: #FFFFFF;
  --background-navcolor-dark: #0F172A;

  /* === MISC === */
  --theme-image-filter: none;

  /* Background */
  background-color: #F8FAFC !important;

  /* Base font size – slightly larger than browser default (16px) */
  font-size: 17px;
}