/*
 * EXEC Club: tokens de design (fonte única). Carregado ANTES de club.css,
 * executive.css e corporate.css, que só usam as variáveis daqui.
 * Valores = o resultado final da cascata antiga (nada muda na tela).
 * Documentação: DESIGN.md, seção "Tokens (tokens.css)".
 */
:root {
  /* ---- Marca EXEC (exec.com.br) ---- */
  --navy-900: #010D29;      /* marinho oficial: faixas, campos, títulos, réguas */
  --navy-800: #0C1D44;      /* hover sobre marinho */
  --navy-700: #13295A;
  --navy-line: #24365C;     /* réguas e bordas dentro do marinho */
  --accent: #259E9D;        /* verde-água oficial: botões, barras, filetes */
  --accent-hover: #2DB3B2;
  --teal: #17706F;          /* verde-água para texto e links (AA sobre papel) */
  --teal-dark: #105655;
  --teal-text-lg: #1E8786;  /* verde-água em título grande (3:1) */
  --signal: #39DD38;        /* só sinal: contagem, confirmado, tempo restante */
  --amber: #F59E0B;         /* só atenção: filete de 4px */
  --danger: #7F1D1D;        /* ação destrutiva (cancelar inscrição) */

  /* ---- Neutros ---- */
  --paper: #F2F2F2;         /* chão das telas */
  --hover: #E6E8EA;
  --white: #FFFFFF;
  --rule: #010D29;          /* régua forte */
  --rule-soft: #D5DAE0;     /* régua entre linhas */
  --line-strong: #CBD5E1;   /* contorno do botão secundário */
  --input-border: #C3CAD3;
  --ink: #0F1B2D;
  --ink-soft: #33445A;
  --ink-mute: #5B6B80;
  --on-navy: #C7D3E3;
  --on-navy-muted: #B9C6D8;

  /* ---- Herança (base antiga; fora do sistema, ver DESIGN.md "Migração") ---- */
  --ink-2: #23313F;
  --muted: #4A5568;
  --line: #E2E8F0;
  --bg: #F3F5F7;
  --teal-50: #E6F4F3;
  --navy-50: #E8EEF6;
  --orange: #9A3412;
  --orange-50: #FDF0E6;
  --orange-hot: #C2410C;
  --red: #B91C1C;
  --red-50: #FDECEC;

  /* ---- Tipografia ---- */
  --font-brand: Montserrat, 'Segoe UI', sans-serif;        /* voz da marca (caixa alta no painel; caixa normal na área do membro) */
  --font-body: 'Hanken Grotesk', 'Segoe UI', sans-serif;   /* leitura e dados */
  --font-head: var(--font-body);
  --font-display: var(--font-body);
  --text-meta: 13.5px;
  --text-small: 14px;
  --text-ui: 15px;
  --text-body: 16px;
  --text-row: 17px;

  /* ---- Espaçamento (ritmo da grade 7/12 + 5/12) ---- */
  --space-row: 14px;
  --space-row-lg: 18px;
  --space-block: 32px;
  --gutter: 40px;
  --space-section: 56px;

  /* ---- Forma, profundidade e movimento ---- */
  --radius: 3px;            /* botões */
  --radius-sm: 2px;         /* campos, abas, chips */
  --radius-xs: 2px;
  --shadow-1: none;         /* o sistema é plano */
  --shadow-2: 0 18px 40px rgba(10, 31, 58, .12); /* herança, sem uso */
  --ease: cubic-bezier(.16, 1, .3, 1);
}

/*
 * V3 — área do membro, só modo claro (modo escuro removido em 06/11/2026, F1).
 * Só a área do membro usa estes tokens (html.v3, member-v3.css); o painel e as telas
 * públicas continuam no sistema acima.
 * Marca nova (F1, 06/11/2026): chão cinza-claro, cartões brancos arredondados com borda
 * suave, botão principal marinho, títulos Montserrat em caixa normal. DESIGN.md, seção V3.
 */
:root {
  --v3-top: #010D29;          /* topo, abertura, campo de relatório */
  --v3-top-2: #12305A;        /* busca, item ativo do menu, metade do cartão de destaque */
  --v3-top-3: #1B3F6E;        /* foto do destaque sem imagem */
  --v3-top-line: rgba(255, 255, 255, .16);
  --v3-on-top: #FFFFFF;
  --v3-on-top-mute: #C7D3E3;
  --v3-on-top-soft: #9FB3CC;

  --v3-bg: #F3F5F7;
  --v3-surface: #FFFFFF;
  --v3-surface-2: #F7F9FB;
  --v3-border: #E2E8F0;
  --v3-border-strong: #C3CEDB;
  --v3-text: #010D29;
  --v3-text-body: #23313F;
  --v3-text-mute: #5B6B80;

  --v3-primary: #010D29;      /* botão principal: marinho (16:1 com branco) */
  --v3-primary-hover: #12305A;
  --v3-on-primary: #FFFFFF;
  --v3-accent: #2BB3A8;       /* botão sobre o marinho (texto --v3-on-accent), avatar */
  --v3-accent-hover: #3EC2B7;
  --v3-on-accent: #010D29;
  --v3-strong: #010D29;       /* "Tenho interesse" (marinho no claro) */
  --v3-on-strong: #FFFFFF;
  --v3-link: #0B6F69;

  --v3-teal-bg: #E6F4F3;  --v3-teal-fg: #0B6F69;
  --v3-navy-bg: #E8EEF6;  --v3-navy-fg: #12305A;
  --v3-warm-bg: #FDF0E6;  --v3-warm-fg: #A4492A;
  --v3-ink-bg: #010D29;   --v3-ink-fg: #FFFFFF;
  --v3-tint: #E6F4F3;     /* WhatsApp, "Proponha um encontro" */
  --v3-tint-line: #0B6F69;

  --v3-cover-navy-soft: #1B3F6E;
  --v3-cover-teal: #0B6F69;
  --v3-cover-navy: #12305A;

  --v3-footer: #FFFFFF;
  --v3-head-bar: transparent; /* barrinha sob os títulos (só no escuro) */
  --v3-focus: #0B6F69;

  --v3-hero-line: transparent; /* filete sob a abertura (só no escuro) */
  --v3-badge-bg: #C2410C;  --v3-badge-fg: #FFFFFF;
  --v3-outline-line: #010D29;  --v3-outline-fg: #010D29;
  --v3-sub-style: normal;
  --v3-play-fg: #010D29;
  --v3-duration-bg: rgba(3, 12, 30, .82);  --v3-duration-fg: #FFFFFF;
  --v3-report-line: #010D29;
  --v3-sq-teal-bg: #0B6F69;  --v3-sq-teal-fg: #FFFFFF;
  --v3-danger: #B91C1C;
  --v3-error-bg: #FDECEC;  --v3-error-fg: #991B1B;
  --v3-radius: 14px;
  --v3-radius-sm: 10px;
  --v3-radius-pill: 999px;
}
