/* ============================================================
   Aygün Nakliye — Color tokens
   Brand: deep navy (trust, logistics) + warm orange (action,
   energy, road & cargo) on cool slate neutrals.
   Architecture follows shadcn/ui: raw scale -> semantic alias.
   ============================================================ */

:root {
  /* ---- Brand: Navy (primary) ---- */
  --navy-50:  #F4F8FC;
  --navy-100: #EAF1F9;
  --navy-200: #D2E2F2;
  --navy-300: #A8C5E5;
  --navy-400: #6B9BD1;
  --navy-500: #3B73B8;
  --navy-600: #2A5C9A;
  --navy-700: #1E477A;
  --navy-800: #16365C; /* primary */
  --navy-900: #102A4C;
  --navy-950: #0B1F3A;

  /* ---- Brand: Orange (accent / action) ---- */
  --orange-50:  #FEF4EC;
  --orange-100: #FDE7D4;
  --orange-200: #FDCFA8;
  --orange-300: #FBA363;
  --orange-400: #F47A2E;
  --orange-500: #E8590C; /* accent */
  --orange-600: #D44C0A;
  --orange-700: #B23A04;

  /* ---- Neutral: Slate ---- */
  --slate-50:  #F8FAFC;
  --slate-100: #F1F5F9;
  --slate-200: #E2E8F0;
  --slate-300: #CBD5E1;
  --slate-400: #94A3B8;
  --slate-500: #64748B;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1F2937;
  --slate-900: #131A26;
  --slate-950: #0A0F1A;
  --white: #FFFFFF;

  /* ---- Status palette ---- */
  --success-500: #16A34A;
  --success-50:  #DCFCE7;
  --warning-500: #D97706;
  --warning-50:  #FEF3C7;
  --danger-500:  #DC2626;
  --danger-50:   #FEE2E2;
  --info-500:    #2563EB;
  --info-50:     #DBEAFE;

  /* ============================================================
     Semantic aliases (shadcn-compatible names)
     ============================================================ */
  --background: var(--white);
  --foreground: var(--slate-900);

  --card: var(--white);
  --card-foreground: var(--slate-900);
  --popover: var(--white);
  --popover-foreground: var(--slate-900);

  --primary: var(--navy-800);
  --primary-hover: var(--navy-900);
  --primary-foreground: var(--white);

  --accent: var(--orange-500);
  --accent-hover: var(--orange-600);
  --accent-foreground: var(--white);

  --secondary: var(--slate-100);
  --secondary-hover: var(--slate-200);
  --secondary-foreground: var(--slate-900);

  --muted: var(--slate-100);
  --muted-foreground: var(--slate-500);

  --border: var(--slate-200);
  --input: var(--slate-200);
  --ring: var(--navy-800);

  --destructive: var(--danger-500);
  --destructive-foreground: var(--white);

  /* surfaces */
  --surface-page: var(--slate-50);
  --surface-card: var(--white);
  --surface-raised: var(--white);
  --surface-inverse: var(--navy-900);

  /* text roles */
  --text-strong: var(--slate-900);
  --text-body: var(--slate-700);
  --text-muted: var(--slate-500);
  --text-onbrand: var(--white);
  --text-link: var(--navy-700);
}