/* ==========================================================================
   CLUBE DOS VITORIOSOS — CHAMA DESIGN SYSTEM v1.0.0
   Direção 01: Clareza (100% Light Mode • Marfim #FCFAF7 • Grafite #1F2328 • Chama #E14B35)
   Tipografia Oficial: Manrope Variable (Pesos 400, 500, 600, 700, 800)
   ========================================================================== */

@font-face {
  font-family: "Manrope";
  src: url("../assets/fonts/Manrope-Variable.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root,
[data-cv-theme="clareza"] {
  /* 01 / Primitivos da Paleta Chama */
  --cv-flame: #E14B35;
  --cv-action: #B83224;
  --cv-hover: #98291E;
  --cv-tint: #FFF0EB;
  --cv-ink: #1F2328;
  --cv-muted: #66615D;
  --cv-paper: #FCFAF7;
  --cv-white: #FFFFFF;
  --cv-sand: #F3EEE8;
  --cv-line: #DED8D1;
  --cv-control-border: #8A8179;

  /* Estados Semânticos (WCAG 2.2 AA — Texto + Fundo + Ícone) */
  --cv-success: #28664F;
  --cv-success-text: #21523C;
  --cv-success-bg: #EAF4EE;

  --cv-error: #A62935;
  --cv-error-text: #91232E;
  --cv-error-bg: #FCECEF;

  --cv-info: #355C8A;
  --cv-info-text: #2D517C;
  --cv-info-bg: #ECF2FA;

  --cv-warning: #855A16;
  --cv-warning-text: #785113;
  --cv-warning-bg: #FCF3DF;

  /* 02 / Papéis Semânticos — Direção 01: Clareza */
  --cv-bg: var(--cv-paper);
  --cv-surface: var(--cv-white);
  --cv-raised: var(--cv-sand);
  --cv-text: var(--cv-ink);
  --cv-text-secondary: var(--cv-muted);
  --cv-border: var(--cv-line);
  --cv-on-action: var(--cv-white);
  --cv-accent: var(--cv-action);
  --cv-focus: var(--cv-action);

  /* 03 / Tipografia — Família Única Manrope */
  --cv-font: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --cv-text-display: 48px;
  --cv-leading-display: 56px;
  --cv-weight-display: 800;

  --cv-text-h1: 32px;
  --cv-leading-h1: 40px;
  --cv-weight-h1: 700;

  --cv-text-h2: 24px;
  --cv-leading-h2: 32px;
  --cv-weight-h2: 700;

  --cv-text-h3: 20px;
  --cv-leading-h3: 28px;
  --cv-weight-h3: 700;

  --cv-text-body: 16px;
  --cv-leading-body: 24px;
  --cv-weight-body: 400;

  --cv-text-compact: 14px;
  --cv-leading-compact: 22px;
  --cv-weight-compact: 400;

  --cv-text-support: 14px;
  --cv-leading-support: 20px;
  --cv-weight-support: 500;

  --cv-text-meta: 12px;
  --cv-leading-meta: 16px;
  --cv-weight-meta: 500;

  --cv-text-reading: 18px;
  --cv-leading-reading: 32px;
  --cv-weight-reading: 400;

  /* 04 / Ritmo de Espaçamento */
  --cv-space-1: 4px;
  --cv-space-2: 8px;
  --cv-space-3: 12px;
  --cv-space-4: 16px;
  --cv-space-6: 24px;
  --cv-space-8: 32px;
  --cv-space-12: 48px;
  --cv-space-16: 64px;
  --cv-space-20: 80px;

  /* 05 / Geometria & Superfícies */
  --cv-radius-card: 16px;
  --cv-radius-control: 12px;
  --cv-radius-pill: 999px;
  --cv-target-min: 44px;

  /* Layout */
  --cv-sidebar-width: 264px;
  --cv-bottom-nav-height: 64px;
  --cv-content-max: 1320px;
  --cv-reading-max: 65ch;

  /* 06 / Camadas (Z-Index) */
  --cv-z-base: 0;
  --cv-z-sticky: 20;
  --cv-z-menu: 40;
  --cv-z-dialog: 80;
  --cv-z-toast: 100;
  --cv-z-tooltip: 110;

  /* 07 / Movimento & Interação */
  --cv-duration-fast: 120ms;
  --cv-duration-base: 200ms;
  --cv-duration-slow: 320ms;
  --cv-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Sombras subtis para superfícies em Clareza */
  --cv-shadow-card: 0 1px 3px rgba(31, 35, 40, 0.04), 0 4px 16px rgba(31, 35, 40, 0.03);
  --cv-shadow-dialog: 0 20px 48px rgba(31, 35, 40, 0.16);
  --cv-shadow-float: 0 8px 28px rgba(31, 35, 40, 0.12);

  color-scheme: light;
}

@media (prefers-reduced-motion: reduce) {
  :root,
  [data-cv-theme="clareza"] {
    --cv-duration-fast: 0ms;
    --cv-duration-base: 0ms;
    --cv-duration-slow: 0ms;
  }
}