/* ==========================================================================
   SEVEN STARS LOGISTICS PRIVATE LIMITED
   DSV-Inspired Global Corporate Design System Variables
   Clean, authoritative, high-contrast B2B maritime & supply chain theme
   ========================================================================== */

:root {
  /* DSV-Inspired Signature Navy & Midnight Hierarchy */
  --primary-950: #00152e;
  --primary-900: #001b3d;
  --primary-800: #00204a;  /* DSV Signature Corporate Navy */
  --primary-700: #003366;
  --primary-600: #004080;
  --primary-500: #0056b3;

  /* Vibrant Logistics Royal Blue (Accents, CTAs, Highlights) */
  --color-blue-900: #00204a;
  --color-blue-800: #003875;
  --color-blue-700: #0056b3;  /* High-Impact Interactive Blue */
  --color-blue-600: #0066cc;
  --color-blue-500: #0077e6;
  --color-blue-100: #e8f0fe;
  --color-blue-50:  #f4f8fe;

  /* Maritime Prestige Gold Accent */
  --accent-gold-700: #855300;
  --accent-gold-600: #a36700;
  --accent-gold-500: #c27d00;
  --accent-gold-400: #df9400;
  --accent-gold-100: #fef5e7;
  --accent-gold-50:  #fffaf3;

  /* Clean Corporate Surfaces & Backgrounds */
  --bg-body:       #ffffff;
  --bg-surface:    #ffffff;  /* Pure White Surface */
  --bg-elevated:   #ffffff;
  --bg-alt:        #f8fafc;  /* Subtle crisp off-white alternate fill */
  --bg-dark:       #00204a;  /* Authoritative Corporate Deep Navy (Footer/Hero) */
  --bg-dark-card:  #002b5e;

  /* Authoritative High-Contrast Typography */
  --text-main:     #0b1526;  /* Deepest Charcoal/Black */
  --text-body:     #2d3748;  /* High legibility dark gray */
  --text-muted:    #4a5568;  /* Clear secondary text */
  --text-light:    #718096;
  --text-white:    #ffffff;
  --text-on-dark:  #e2e8f0;

  /* Crisp Institutional Borders (Precision Grid) */
  --border-subtle: #f1f5f9;
  --border-light:  #e2e8f0;
  --border-medium: #cbd5e1;
  --border-dark:   #1a365d;

  /* Functional Status */
  --success:       #059669;
  --success-bg:    #ecfdf5;
  --warning:       #d97706;
  --error:         #dc2626;
  --error-bg:      #fef2f2;
  --info:          #0056b3;

  /* Typography Stack */
  --font-sans:     'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:     ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Font Weights */
  --fw-normal:     400;
  --fw-medium:     500;
  --fw-semibold:   600;
  --fw-bold:       700;
  --fw-extrabold:  800;

  /* Spacing Scale */
  --space-xs:      0.25rem;  /* 4px */
  --space-sm:      0.5rem;   /* 8px */
  --space-md:      1rem;     /* 16px */
  --space-lg:      1.5rem;   /* 24px */
  --space-xl:      2rem;     /* 32px */
  --space-2xl:     3rem;     /* 48px */
  --space-3xl:     4.5rem;   /* 72px */
  --space-4xl:     6rem;     /* 96px */

  /* Layout Containers */
  --container-max: 1260px;
  --container-wide: 1360px;
  --container-narrow: 900px;

  /* Refined Corporate Geometry (DSV Minimalist Radius) */
  --radius-sm:     2px;
  --radius-md:     3px;
  --radius-lg:     4px;
  --radius-xl:     6px;
  --radius-pill:   3px;

  /* Clean Corporate Shadows (Subtle, crisp, no fuzzy blur) */
  --shadow-sm:     0 1px 3px 0 rgba(0, 32, 74, 0.06);
  --shadow-md:     0 2px 6px -1px rgba(0, 32, 74, 0.08), 0 1px 3px -1px rgba(0, 32, 74, 0.04);
  --shadow-lg:     0 4px 12px -2px rgba(0, 32, 74, 0.09), 0 2px 5px -2px rgba(0, 32, 74, 0.05);
  --shadow-xl:     0 8px 20px -4px rgba(0, 32, 74, 0.12), 0 4px 8px -2px rgba(0, 32, 74, 0.04);
  --shadow-glow:   none;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-Index Hierarchy */
  --z-negative:    -1;
  --z-elevated:    10;
  --z-sticky:      100;
  --z-sticky-nav:  1000;
  --z-drawer:      1100;
  --z-modal:       1200;
  --z-toast:       1300;
}