/* Sol Logistics design tokens — mirrors the Sol Logistics Design System
   (thisisthewaygroup/sollogisticsDS). Do not edit values here without
   updating the design system first. */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* Color — gold → orange → ember ramp sampled from the logo */
  --sol-gold-50: #FFF9EB; --sol-gold-100: #FEF0CD; --sol-gold-200: #FDE19B; --sol-gold-300: #FCD069; --sol-gold-400: #FCC23E; --sol-gold-500: #FBB314; --sol-gold-600: #DB9A0B; --sol-gold-700: #B37D08; --sol-gold-800: #8A6006; --sol-gold-900: #614404;
  --sol-orange-50: #FEF3EA; --sol-orange-100: #FDE3CC; --sol-orange-200: #FBC79A; --sol-orange-300: #F9AB67; --sol-orange-400: #F79940; --sol-orange-500: #F6871F; --sol-orange-600: #D96F10; --sol-orange-700: #B0590C; --sol-orange-800: #874409; --sol-orange-900: #5F2F06;
  --sol-ember-500: #F26322; --sol-ember-600: #D44F14; --sol-ember-700: #AC3F0F;
  --neutral-0: #FFFFFF; --neutral-50: #FAF9F7; --neutral-100: #F4F2EF; --neutral-200: #E8E4DF; --neutral-300: #D5D0C9; --neutral-400: #ABA49B; --neutral-500: #7E776E; --neutral-600: #5C554D; --neutral-700: #453F39; --neutral-800: #37322D; --neutral-900: #2D2926; --neutral-950: #1C1917;
  --success-500: #16A34A; --success-600: #15803D; --success-bg: #ECFDF3;
  --error-500: #DC2626; --error-600: #B91C1C; --error-bg: #FEF2F2;
  --warning-600: #B45309; --warning-bg: #FFFBEB;
  --info-500: #0284C7; --info-bg: #F0F9FF;

  /* Semantic color */
  --text-primary: var(--neutral-900); --text-secondary: var(--neutral-600); --text-tertiary: var(--neutral-500); --text-inverse: var(--neutral-0); --text-brand: var(--sol-orange-600); --text-link: var(--sol-ember-600);
  --surface-page: var(--neutral-0); --surface-subtle: var(--neutral-50); --surface-muted: var(--neutral-100); --surface-inverse: var(--neutral-900); --surface-brand-tint: var(--sol-orange-50);
  --border-default: var(--neutral-200); --border-strong: var(--neutral-300); --border-brand: var(--sol-orange-500);
  --action-primary: var(--sol-orange-500); --action-primary-hover: var(--sol-ember-500); --action-primary-active: var(--sol-ember-600);
  --gradient-sol: linear-gradient(180deg, var(--sol-gold-500) 0%, var(--sol-ember-500) 100%);
  --gradient-sol-horizontal: linear-gradient(90deg, var(--sol-gold-500) 0%, var(--sol-ember-500) 100%);

  /* Typography */
  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700;

  /* Spacing, radius, elevation, layout */
  --space-0: 0px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px; --space-32: 128px;
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(45, 41, 38, 0.08);
  --shadow-md: 0 4px 12px -2px rgba(45, 41, 38, 0.09);
  --shadow-lg: 0 12px 32px -4px rgba(45, 41, 38, 0.12);
  --container-max: 1200px; --container-wide: 1440px;
}