/* O Flipador — tokens de interface v0.2. Cores da marca vêm dos SVGs oficiais; demais valores são proposta de UI. */ :root { --brand-navy: #0C2F40; --brand-navy-gradient-end: #0C3242; --brand-mint: #11AF9D; --brand-mint-end: #14B4A1; --brand-bar2: #1DBB86; --brand-bar2-end: #25BC89; --brand-green: #1EAA61; --brand-green-end: #2ABC6F; --surface-page: #F5F8F9; --surface-card: #FFFFFF; --surface-dark: #0C2F40; --surface-subtle: #EAF1F3; --text-primary: #0C2F40; --text-secondary: #385361; --text-inverse: #FFFFFF; --text-positive: #0B6B46; --border-default: #C8D6DC; --border-focus: #0E8175; --action-primary-bg: #0C2F40; --action-primary-text: #FFFFFF; --action-link: #0C2F40; --action-accent: #1EAA61; --feedback-warning: #8A5700; --feedback-warning-surface: #FFF2D2; --feedback-danger: #A02C38; --feedback-danger-surface: #FBECEF; --font-family: Inter, system-ui, sans-serif; --font-xs: 12px; --font-sm: 14px; --font-base: 16px; --font-lg: 18px; --font-xl: 24px; --font-display: 40px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --shadow-card: 0 6px 24px rgba(12,47,64,.08); --control-height: 44px; } :root { font-family: var(--font-family); font-synthesis: none; } /* Único ajuste em relação ao arquivo do kit: o seletor era [data-theme="dark"], mas este app marca o tema no via data-bs-theme (ver base.html). */ [data-bs-theme="dark"] { --surface-page: #082530; --surface-card: #0C2F40; --surface-subtle: #164254; --text-primary: #FFFFFF; --text-secondary: #C5D7DE; --border-default: #3A5D6A; --action-primary-bg: #FFFFFF; --action-primary-text: #0C2F40; --action-link: #FFFFFF; }