/* =========================================================
   COSTA PLATFORM v1.0 — VARIÁVEIS GLOBAIS
   Costa do Sol Tour
   ========================================================= */

:root {

  /* =========================
     CORES OFICIAIS
     ========================= */

  --cst-blue: #062B57;
  --cst-blue-dark: #041E3D;
  --cst-blue-deep: #03162E;
  --cst-blue-soft: #0A376B;

  --cst-gold: #D4AF37;
  --cst-gold-soft: rgba(212, 175, 55, 0.72);
  --cst-gold-muted: rgba(212, 175, 55, 0.38);

  --cst-white: #FFFFFF;
  --cst-white-soft: rgba(255, 255, 255, 0.84);
  --cst-white-muted: rgba(255, 255, 255, 0.64);
  --cst-white-subtle: rgba(255, 255, 255, 0.42);

  --cst-black: #000000;

  /* =========================
     BORDAS
     ========================= */

  --cst-border-gold: rgba(212, 175, 55, 0.28);
  --cst-border-gold-soft: rgba(212, 175, 55, 0.18);
  --cst-border-white: rgba(255, 255, 255, 0.10);
  --cst-border-white-soft: rgba(255, 255, 255, 0.06);

  /* =========================
     SOMBRAS
     ========================= */

  --cst-shadow-soft: 0 12px 28px rgba(0, 0, 0, 0.18);
  --cst-shadow-medium: 0 18px 42px rgba(0, 0, 0, 0.24);
  --cst-shadow-strong: 0 24px 60px rgba(0, 0, 0, 0.34);

  /* =========================
     RAIOS
     ========================= */

  --cst-radius-xs: 6px;
  --cst-radius-sm: 10px;
  --cst-radius-md: 14px;
  --cst-radius-lg: 20px;
  --cst-radius-xl: 28px;
  --cst-radius-pill: 999px;

  /* =========================
     LARGURAS
     ========================= */

  --cst-container: 1280px;
  --cst-container-padding-desktop: 24px;
  --cst-container-padding-tablet: 20px;
  --cst-container-padding-mobile: 16px;

  /* =========================
     ESPAÇAMENTOS
     ========================= */

  --cst-space-4: 4px;
  --cst-space-8: 8px;
  --cst-space-12: 12px;
  --cst-space-16: 16px;
  --cst-space-20: 20px;
  --cst-space-24: 24px;
  --cst-space-32: 32px;
  --cst-space-40: 40px;
  --cst-space-48: 48px;
  --cst-space-56: 56px;
  --cst-space-64: 64px;
  --cst-space-80: 80px;

  /* =========================
     TIPOGRAFIA
     ========================= */

  --cst-font-family: inherit;

  --cst-text-xs: 12px;
  --cst-text-sm: 14px;
  --cst-text-md: 15px;
  --cst-text-base: 16px;
  --cst-text-lg: 18px;
  --cst-text-xl: 22px;
  --cst-text-2xl: 26px;
  --cst-text-3xl: 32px;

  --cst-line-tight: 1.2;
  --cst-line-normal: 1.45;
  --cst-line-relaxed: 1.7;

  /* =========================
     TRANSIÇÕES
     ========================= */

  --cst-transition-fast: 160ms ease;
  --cst-transition: 250ms ease;
  --cst-transition-slow: 420ms ease;

  /* =========================
     Z-INDEX
     ========================= */

  --cst-z-base: 1;
  --cst-z-above: 5;
  --cst-z-header: 50;
  --cst-z-modal: 999;
}