/* ============================================================
   COLD REFRIGERAÇÃO — Tokens de design
   Tema claro (padrão) + overrides para tema escuro
   ============================================================ */

/* ── Tema Claro (padrão) ─────────────────────────────────── */
:root {
  --color-bg:        #FFFFFF;
  --color-bg-2:      #F2F8FC;
  --color-bg-3:      #E8F3FA;
  --color-bg-card:   #FFFFFF;

  --color-accent:       #00AACC;
  --color-accent-hover: #0090B0;
  --color-accent-dark:  #006E8A;
  --color-accent-soft:  rgba(0, 170, 204, 0.10);
  --color-accent-glow:  rgba(0, 170, 204, 0.18);
  --color-accent-rgb:   0, 170, 204;

  --color-text:        #0A1A2A;
  --color-text-muted:  #4A6B80;
  --color-text-subtle: #8AACBB;
  --color-heading:     #061218;

  --color-border:       rgba(0, 170, 204, 0.20);
  --color-border-card:  rgba(0, 170, 204, 0.14);
  --color-border-light: rgba(0, 0, 0, 0.07);

  --color-hero-bg:   #030B14;
  --color-footer-bg: #040E18;

  --color-success: #00875A;
  --color-error:   #CC2936;

  --font-heading: 'Montserrat', sans-serif;
  --font-body:    'Inter', sans-serif;

  --section-py:    5.5rem;
  --section-py-sm: 3.5rem;

  --radius:     12px;
  --radius-lg:  20px;
  --radius-xl:  32px;
  --radius-pill: 100px;

  --shadow-sm:         0 2px 12px rgba(0, 50, 80, 0.08);
  --shadow-card:       0 6px 32px rgba(0, 50, 80, 0.10);
  --shadow-card-hover: 0 12px 48px rgba(0, 100, 140, 0.16);
  --shadow-btn:        0 4px 18px rgba(0, 170, 204, 0.35);
  --shadow-btn-hover:  0 6px 28px rgba(0, 170, 204, 0.50);

  --transition:      0.26s ease;
  --transition-slow: 0.52s cubic-bezier(0.4, 0, 0.2, 1);

  --navbar-h: 72px;
}

/* ── Tema Escuro ─────────────────────────────────────────── */
[data-theme="dark"] {
  --color-bg:        #030B14;
  --color-bg-2:      #071525;
  --color-bg-3:      #04111F;
  --color-bg-card:   rgba(5, 20, 42, 0.90);

  --color-accent-soft: rgba(0, 170, 204, 0.12);
  --color-accent-glow: rgba(0, 170, 204, 0.20);

  --color-text:        #DCF3FF;
  --color-text-muted:  #5E9BBF;
  --color-text-subtle: #2E6882;
  --color-heading:     #FFFFFF;

  --color-border:       rgba(0, 170, 204, 0.18);
  --color-border-card:  rgba(0, 170, 204, 0.12);
  --color-border-light: rgba(0, 170, 204, 0.10);

  --shadow-sm:         0 4px 16px rgba(0, 0, 0, 0.40);
  --shadow-card:       0 8px 40px rgba(0, 0, 0, 0.55);
  --shadow-card-hover: 0 12px 50px rgba(0, 100, 140, 0.35);
}