/**
 * @author João Batista <joao.cardoso@unitri.edu.br>
 * @copyright Copyright (c) 2026, ASOEC. (http://asoec.com.br)
 * @version   1.0.0
 * variables.css — CSS Custom Properties (Design Tokens) CApDHC
 * FONTE DA VERDADE — nunca hardcode nos componentes
 */

:root {
  /* ── Cores Primárias ──────────────────────────────── */
  --color-navy: #0f2d6b;
  --color-navy-dark: #0a1f4e;
  --color-navy-card: #0c2456;
  --color-navy-light: #1e3a5f;
  --color-navy-medium: #1a3d8f;
  --color-red: #c8102e;
  --color-red-dark: #a8192f;
  --color-gold: #f5a623;
  --color-gold-dark: #d4af37;

  /* ── Cores Utilitárias ─────────────────────────────── */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-amber: #f59e0b;
  --color-blue: #3b82f6;
  --color-indigo: #6366f1;
  --color-green-600: #15803d;
  --color-green-700: #16a34a;
  --color-amber-800: #92400e;
  --color-blue-800: #1e40af;
  --color-purple-800: #5b21b6;

  /* ── Fundos ───────────────────────────────────────── */
  --color-bg-light: #f5f7fa;
  --color-bg-alt: #f0f4fa;
  --color-bg-white: #ffffff;
  --color-bg-beige: #fef3c7;
  --color-bg-gold: #d4af371f;
  --color-bg-gold-dark: #d4af3726;
  --color-bg-success: #f0fdf4;
  --color-bg-error: #fff1f2;
  --color-bg-overlay: rgba(0, 0, 0, 0.5);
  --color-bg-blue-light: rgba(147, 197, 253, 0.08);
  --color-bg-blue-dark: rgba(147, 197, 253, 0.15);

  /* ── Texto ────────────────────────────────────────── */
  --color-text: #1a1a2e;
  --color-text-dark: #374151;
  --color-text-muted: #4b5563;
  --color-text-light: #6b7280;
  --color-blue-light: #93c5fd;
  --color-text-on-dark: #ffffff;

  /* ── Bordas ───────────────────────────────────────── */
  --color-border: #e2e8f0;
  --color-border-light: #e5e7eb;

  /* ── Tipografia ───────────────────────────────────── */
  --font-heading: "Montserrat", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-size-xs: 0.75rem; /* 12px */
  --font-size-sm: 0.875rem; /* 14px */
  --font-size-base: 1rem; /* 16px */
  --font-size-lg: 1.125rem; /* 18px */
  --font-size-xl: 1.25rem; /* 20px */
  --font-size-2xl: 1.5rem; /* 24px */
  --font-size-3xl: 1.875rem; /* 30px */
  --font-size-4xl: 2.25rem; /* 36px */
  --font-size-hero: clamp(2.25rem, 5vw, 4rem);
  --font-size-hero-h1: clamp(1.375rem, 3.8vw, 3.125rem);

  /* ── Espaçamento ──────────────────────────────────── */
  --container-max: 1400px;
  --container-px: 1rem;
  --container-px-sm: 1.5rem;
  --container-px-lg: 2rem;
  --section-py: 4rem;
  --section-py-sm: 3rem;
  --section-py-mobile: 2.5rem;

  /* ── Border Radius ────────────────────────────────── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* ── Border Colors ─────────────────────────────────── */
  --border-green-50: #bbf7d0;
  --border-green-100: #16a34a;
  --border-red-50: #fecdd3;
  --border-red-100: #dc2626;
  --border-gold-50: #f5a62340;

  /* ── Overlays (rgba reutilizáveis) ─────────────────── */
  --overlay-white-08: rgba(255, 255, 255, 0.08);
  --overlay-white-10: rgba(255, 255, 255, 0.1);
  --overlay-white-15: rgba(255, 255, 255, 0.15);
  --overlay-white-20: rgba(255, 255, 255, 0.2);
  --overlay-white-30: rgba(255, 255, 255, 0.3);
  --overlay-white-35: rgba(255, 255, 255, 0.35);
  --overlay-white-40: rgba(255, 255, 255, 0.4);
  --overlay-white-50: rgba(255, 255, 255, 0.5);
  --overlay-white-55: rgba(255, 255, 255, 0.55);
  --overlay-white-60: rgba(255, 255, 255, 0.6);
  --overlay-white-70: rgba(255, 255, 255, 0.7);
  --overlay-white-88: rgba(255, 255, 255, 0.88);
  --overlay-white-90: rgba(255, 255, 255, 0.9);
  --overlay-white-92: rgba(255, 255, 255, 0.92);
  --overlay-navy-08: rgba(15, 45, 107, 0.08);
  --overlay-navy-10: rgba(15, 45, 107, 0.1);
  --overlay-navy-15: rgba(15, 45, 107, 0.15);
  --overlay-navy-22: rgba(15, 45, 107, 0.22);
  --overlay-navy-30: rgba(15, 45, 107, 0.3);
  --overlay-navy-dark-55: rgba(10, 31, 78, 0.55);
  --overlay-navy-dark-88: rgba(10, 31, 78, 0.88);
  --overlay-navy-dark-90: rgba(10, 31, 78, 0.9);
  --overlay-gold-07: rgba(212, 175, 55, 0.07);
  --overlay-gold-12: rgba(212, 175, 55, 0.12);
  --overlay-gold-15: rgba(212, 175, 55, 0.15);
  --overlay-gold-18: rgba(212, 175, 55, 0.18);
  --overlay-gold-25: rgba(212, 175, 55, 0.25);
  --overlay-gold-35: rgba(245, 166, 35, 0.35);
  --overlay-gold-40: rgba(245, 166, 35, 0.4);
  --overlay-gold-70: rgba(245, 166, 35, 0.7);
  --overlay-blue-light-30: rgba(147, 197, 253, 0.3);
  --overlay-black-08: rgba(0, 0, 0, 0.08);
  --overlay-black-14: rgba(0, 0, 0, 0.14);
  --overlay-black-15: rgba(0, 0, 0, 0.15);
  --overlay-black-35: rgba(0, 0, 0, 0.35);
  --overlay-black-38: rgba(0, 0, 0, 0.38);
  --overlay-black-62: rgba(0, 0, 0, 0.62);
  --overlay-black-92: rgba(0, 0, 0, 0.92);
  --overlay-red-08: rgba(200, 16, 46, 0.08);
  --overlay-red-20: rgba(200, 16, 46, 0.2);
  --overlay-amber-10: rgba(245, 158, 11, 0.1);
  --overlay-green-600-10: rgba(21, 128, 61, 0.1);
  --overlay-indigo-10: rgba(99, 102, 241, 0.1);
  --overlay-navy-medium-10: rgba(26, 61, 143, 0.1);
  --overlay-blue-10: rgba(59, 130, 246, 0.1);
  --overlay-black-62-38: rgba(0, 0, 0, 0.62/0.38);

  /* ── Sombras ──────────────────────────────────────── */
  --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.07);
  --shadow-card-hover: 0 12px 32px rgba(30, 58, 95, 0.13);
  --shadow-navbar: 0 2px 12px rgba(0, 0, 0, 0.2);
  --shadow-dropdown: 0 8px 32px rgba(10, 31, 78, 0.18);
  --shadow-lightbox: 0 0 0 9999px rgba(0, 0, 0, 0.92);

  /* ── Transições ───────────────────────────────────── */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 300ms ease;
  --transition-slower: 500ms ease;

  /* ── Z-index ──────────────────────────────────────── */
  --z-navbar: 1000;
  --z-dropdown: 1001;
  --z-overlay: 9000;
  --z-cookie: 9998;
  --z-lightbox: 9999;
  --z-popup: 9999;

  /* ── Layout / Header ──────────────────────────────── */
  --header-h: 112px;
  --announcement-height: 36px;
  --navbar-height: 76px;
  --navbar-height-mobile: 60px;

  /* ── Cores adicionais (Quick Access Cards, etc.) ─── */
  --color-amber-light: #fef3c7;
  --color-blue-100: #eff6ff;
  --color-red-100: #fff1f2;
  --color-yellow-50: #fffbeb;
  --color-indigo-50: #eef2ff;
  --color-green-50: #f0fdf4;
  --color-purple-50: #fdf4ff;
  --color-purple-ede: rgba(237, 233, 254, 0.92);
  --color-amber-92: rgba(254, 243, 199, 0.92);
  --color-blue-92: rgba(219, 234, 254, 0.92);
  --color-navy-dark-45: rgba(30, 58, 95, 0.45);

  /* ── Feedback (contact-form, alertas inline) ──────── */
  --color-red-bright: #d92d20;
  --color-feedback-error-bg: #fdf1f3;
  --color-feedback-error-border: #efc7cd;
  --color-feedback-error-text: #b42318;
  --color-feedback-success-bg: #edfdf3;
  --color-feedback-success-border: #b7e4c7;
  --color-feedback-success-text: #067647;
}