/* CLUBE18 | Etapa 3 | Design tokens | Proposta aprovada para futura integração.
 * Carregar ANTES de c18-base.css e c18-components.css.
 * Escopo estrito: nenhuma regra em html/body/:root, sem dependências externas.
 * Valores de cores SÓ neste arquivo; admin e público compartilham os tokens.
 */
:where(body.clube18-admin-screen, body.clube18-model-page, .clube18-admin, .g18-root, .g18-models-showcase, .g18-pay-plans, .g18-paywall, .g18-pay-login, .g18-pay-account, .g18-pay-change, .g18-pix, .g18-member-standalone, .g18-single-plan-landing, .g18-model-pay-gate, .c18-preview) {
  color-scheme: dark;

  /* Cores aprovadas na Etapa 1 */
  --c18-bg: #10121B;
  --c18-surface: #171B29;
  --c18-surface-raised: #222738;
  --c18-line-subtle: #424758;
  --c18-border-control: #656C7E;
  --c18-text: #F2F2F6;
  --c18-text-muted: #C2C5D1;
  --c18-primary: #F73568;
  --c18-primary-hover: #FC4D77;
  --c18-on-primary: #10121B;
  --c18-highlight: #F73568;
  --c18-success: #49BDB8;
  --c18-warning: #F4AEC0;
  --c18-danger: #FC4D77;
  --c18-focus: #F73568;

  /* Derivações não semânticas: sombra, fotografia e estados, aprováveis na aplicação */
  --c18-overlay: rgba(16, 18, 27, .82);
  --c18-overlay-backdrop: rgba(16, 18, 27, .76);
  --c18-shadow-color: rgba(0, 0, 0, .32);
  --c18-focus-halo: rgba(247, 53, 104, .26);
  --c18-tint-primary: rgba(247, 53, 104, .12);
  --c18-tint-success: rgba(73, 189, 184, .12);
  --c18-tint-warning: rgba(244, 174, 192, .12);
  --c18-tint-danger: rgba(252, 77, 119, .12);
  --c18-image-bottom: linear-gradient(180deg, rgba(16,18,27,0) 20%, rgba(16,18,27,.96) 100%);

  /* Tipografia: fontes locais do sistema, sem CDN/fontes externas */
  --c18-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --c18-font-size-2xs: .75rem;
  --c18-font-size-xs: .8125rem;
  --c18-font-size-sm: .875rem;
  --c18-font-size-md: 1rem;
  --c18-font-size-lg: 1.125rem;
  --c18-font-size-xl: 1.5rem;
  --c18-font-size-2xl: clamp(1.75rem, 3vw, 2.25rem);
  --c18-line-height-tight: 1.2;
  --c18-line-height-normal: 1.55;
  --c18-font-weight-regular: 400;
  --c18-font-weight-medium: 550;
  --c18-font-weight-semibold: 650;
  --c18-font-weight-bold: 750;

  /* Espaçamento: escala 4/8px */
  --c18-space-1: 4px;
  --c18-space-2: 8px;
  --c18-space-3: 12px;
  --c18-space-4: 16px;
  --c18-space-5: 24px;
  --c18-space-6: 32px;
  --c18-space-7: 40px;
  --c18-space-8: 48px;
  --c18-radius-sm: 8px;
  --c18-radius-md: 14px;
  --c18-radius-lg: 22px;
  --c18-radius-pill: 999px;
  --c18-border-width: 1px;
  --c18-focus-width: 3px;
  --c18-shadow-card: 0 12px 30px var(--c18-shadow-color);
  --c18-touch: 44px;
  --c18-max-width: 1280px;
  --c18-ease: cubic-bezier(.2,.7,.2,1);
  --c18-duration-fast: 150ms;
  --c18-duration-normal: 240ms;
}