/* ═══════════════════════════════════════════════════════
   ZION LISBOA — Design Tokens
   Fonte única de verdade para cores, sombras e tipografia
   Importar PRIMEIRO em todos os HTMLs
   ═══════════════════════════════════════════════════════ */

/* ── Google Fonts ───────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap');

:root {
    /* ── Cor de Ação (teal — botões CTA, foco, links) ── */
    --cta:            #009098;
    --cta-dark:       #007078;
    --cta-light:      #00adb6;
    --cta-faint:      rgba(0, 144, 152, 0.10);
    --cta-soft:       rgba(0, 144, 152, 0.20);

    /* ── Acento decorativo (bege — labels, ícones, bordas) */
    --primary:        #d8c3a5;
    --primary-light:  #e8d5bb;
    --primary-dark:   #b8a082;
    --primary-faint:  rgba(216, 195, 165, 0.08);
    --primary-soft:   rgba(216, 195, 165, 0.15);

    /* ── Bordas ──────────────────────────────────────── */
    --border:         rgba(255, 255, 255, 0.13);
    --border-strong:  rgba(255, 255, 255, 0.28);
    --border-accent:  rgba(216, 195, 165, 0.35);

    /* ── Backgrounds ─────────────────────────────────── */
    --bg-page:        #02161e;
    --bg-card:        rgba(255, 255, 255, 0.05);
    --bg-card-hover:  rgba(255, 255, 255, 0.08);
    --bg-input:       rgba(255, 255, 255, 0.06);
    --bg-footer:      rgba(255, 255, 255, 0.03);

    /* ── Texto ───────────────────────────────────────── */
    --text-main:      #ffffff;
    --text-muted:     rgba(255, 255, 255, 0.88);
    --text-faint:     rgba(255, 255, 255, 0.62);

    /* ── Feedback ────────────────────────────────────── */
    --green:          #6ee7a0;
    --green-bg:       rgba(110, 231, 160, 0.08);
    --green-border:   rgba(110, 231, 160, 0.25);
    --red:            #fc8a8a;
    --red-bg:         rgba(252, 138, 138, 0.08);
    --red-border:     rgba(252, 138, 138, 0.25);
    --orange:         #fba96c;
    --orange-bg:      rgba(251, 169, 108, 0.08);

    /* ── Sombras ─────────────────────────────────────── */
    --shadow:         0 8px 40px rgba(0, 0, 0, 0.45);
    --shadow-sm:      0 2px 12px rgba(0, 0, 0, 0.30);
    --shadow-hover:   0 6px 24px rgba(0, 144, 152, 0.18);

    /* ── Tipografia ──────────────────────────────────── */
    --font-title:     'Montserrat', sans-serif;
    --font-body:      'Montserrat', sans-serif;

    /* ── Raios ───────────────────────────────────────── */
    --radius-sm:      6px;
    --radius-md:      10px;
    --radius-lg:      14px;
    --radius-full:    999px;
}