/* BinauralMax — tokens.css Gerado de design-system/01-tokens/tokens.json v0.6.0 NAO editar a mao: editar o tokens.json e regerar. Uso: enfileirar ANTES de qualquer CSS de skin/tema. Componentes consomem var(--bm-*), nunca hex hardcoded. */ :root { /* primitivas de marca (iguais nos dois temas) */ --bm-brand-navy: #001C3C; --bm-brand-gold: #C0A45A; --bm-brand-gold-deep: #7D6A2E; /* acentos quentes (cores.md) */ --bm-accent-amber: #E09B2D; --bm-accent-coral: #E07856; --bm-accent-terracotta: #C0552D; --bm-accent-brick: #B5451F; /* CTA */ --bm-cta-primary: #C0A45A; --bm-cta-secondary: #001C3C; --bm-cta-offer: #FF6600; /* PROIBIDO em zona terapeutica (cores.md 4) */ --bm-cta-offer-aa: #C24A00; /* tipografia */ --bm-font-heading: "Montserrat", sans-serif; --bm-font-base: "Roboto", sans-serif; /* espaco */ --bm-space-1: 4px; --bm-space-2: 8px; --bm-space-3: 12px; --bm-space-4: 16px; --bm-space-6: 24px; --bm-space-8: 32px; --bm-space-12: 48px; --bm-space-16: 64px; /* raio */ --bm-radius-sm: 4px; --bm-radius-md: 8px; --bm-radius-lg: 16px; --bm-radius-full: 9999px; } /* ---------- TEMA CLARO (padrao) ---------- */ :root, [data-bm-theme="light"] { --bm-surface-page: #FFFFFF; --bm-surface-card: #FBFAF7; --bm-surface-subtle: #F1F4F8; --bm-text-primary: #001C3C; /* 17.05:1 AAA */ --bm-text-secondary: #4F5B6B; /* 6.91:1 AA */ --bm-text-tertiary: #5A6675; /* 5.85:1 AA */ --bm-text-on-accent: #001C3C; --bm-border-default: #E3E1DA; --bm-border-strong: #7D6A2E; --bm-accent-brand: #7D6A2E; /* dourado p/ TEXTO no claro. brand-gold reprova aqui (2.41:1) */ --bm-accent-on-fill: #C0A45A; /* dourado como FUNDO de CTA */ } /* ---------- TEMA ESCURO ---------- */ [data-bm-theme="dark"] { --bm-surface-page: #001C3C; --bm-surface-card: #0A2A54; --bm-surface-subtle: #062040; --bm-text-primary: #FFFFFF; /* 17.05:1 AAA */ --bm-text-secondary: #A9BBD0; /* 8.69:1 AAA */ --bm-text-tertiary: #8FA3BC; /* 6.60:1 AA */ --bm-text-on-accent: #001C3C; --bm-border-default: #123A66; --bm-border-strong: #C0A45A; --bm-accent-brand: #C0A45A; /* 7.06:1 AAA sobre marinho */ --bm-accent-on-fill: #C0A45A; } /* Respeita a preferencia do sistema quando o usuario nao escolheu. O toggle sobrescreve cravando [data-bm-theme] no . */ @media (prefers-color-scheme: dark) { [data-bm-theme="auto"] { --bm-surface-page: #001C3C; --bm-surface-card: #0A2A54; --bm-surface-subtle: #062040; --bm-text-primary: #FFFFFF; --bm-text-secondary: #A9BBD0; --bm-text-tertiary: #8FA3BC; --bm-border-default: #123A66; --bm-border-strong: #C0A45A; --bm-accent-brand: #C0A45A; } }