/**
 * SeaTech Yachts - Luxury Design System Tokens
 * Deep Ocean Navy, Midnight Marine, Marina Sapphire, and Aqua Accents.
 */

:root {
  /* Brand Primary & Nautical Colors */
  --color-navy-darkest: #040e18;
  --color-navy-deep: #061B2C;
  --color-navy-mid: #0A263D;
  --color-navy-card: #0e304d;
  --color-navy-light: #164264;

  /* Accent Blues from Official SeaTech Logo */
  --color-blue-sapphire: #0D50B8;
  --color-blue-cerulean: #2488E5;
  --color-blue-vibrant: #1a73e8;
  --color-teal-marine: #087E8B;
  --color-cyan-accent: #36C5CF;
  --color-cyan-glow: rgba(54, 197, 207, 0.25);

  /* Luxury Gold & Sand Accents */
  --color-gold: #c5a059;
  --color-gold-light: #e0c58e;
  --color-gold-dark: #9f7d3b;

  /* Neutrals & Surfaces */
  --color-white: #ffffff;
  --color-pearl: #f7f9fa;
  --color-ivory: #f2f5f8;
  --color-silver-light: #e4eaf0;
  --color-silver: #c8d2da;
  --color-slate: #7c8e9c;
  --color-slate-dark: #415362;
  --color-dark-charcoal: #111a24;

  /* Semantic Feedback */
  --color-success: #10b981;
  --color-success-bg: #ecfdf5;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Shadows & Glassmorphism */
  --shadow-sm: 0 2px 6px rgba(4, 14, 24, 0.08);
  --shadow-md: 0 6px 20px rgba(4, 14, 24, 0.12);
  --shadow-lg: 0 14px 36px rgba(4, 14, 24, 0.22);
  --shadow-xl: 0 24px 50px rgba(4, 14, 24, 0.32);
  --shadow-glow: 0 0 24px rgba(36, 136, 229, 0.3);

  --glass-bg-dark: rgba(6, 27, 44, 0.85);
  --glass-border-dark: rgba(255, 255, 255, 0.12);
  --glass-bg-light: rgba(255, 255, 255, 0.92);
  --glass-border-light: rgba(6, 27, 44, 0.08);

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  /* Container */
  --container-max: 1240px;
  --container-pad: 24px;
  --header-height: 80px;
}