/*
* Brenda Lima — Design System · Tokens
* v1.0 · abril 2026
*
* Uso:
*
* (ou "moss" | "terracotta" | "ivory")
*
* Fontes (adicionar ao de cada página):
*
*/
:root {
/* ===== PALETA: CREAM (default — fiel ao site) ===== */
--cream-50: #FBF7F1;
--cream-100: #F5EFE4;
--cream-200: #ECE2CE;
--cream-300: #DCCBAD;
--terra-400: #C89B7B;
--terra-500: #B07A59;
--terra-600: #8C5A3E;
--terra-700: #5E3A26;
--moss-300: #A8A57C;
--moss-500: #6E7150;
--moss-700: #3F4530;
--ink-900: #2B241C;
--ink-700: #4A3F33;
--ink-500: #7A6D5E;
--ink-300: #B6A896;
--line: #E2D6C1;
--accent: var(--terra-600);
/* ===== TIPOGRAFIA ===== */
--f-serif: "Fraunces", "Cormorant Garamond", Georgia, serif;
--f-display-alt: "Cormorant Garamond", Georgia, serif;
--f-script: "Homemade Apple", "Caveat", cursive;
--f-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
--f-mono: "JetBrains Mono", ui-monospace, monospace;
/* ===== ESCALA (modular ~1.25) ===== */
--s-xs: 4px;
--s-sm: 8px;
--s-md: 16px;
--s-lg: 24px;
--s-xl: 40px;
--s-2xl: 64px;
--s-3xl: 96px;
--s-4xl: 144px;
/* ===== RAIOS ===== */
--r-sm: 4px;
--r-md: 10px;
--r-lg: 18px;
--r-xl: 28px;
--r-pill: 999px;
/* ===== SOMBRAS ===== */
--sh-sm: 0 1px 2px rgba(94,58,38,.06), 0 2px 6px rgba(94,58,38,.04);
--sh-md: 0 6px 18px -6px rgba(94,58,38,.15), 0 2px 6px rgba(94,58,38,.05);
--sh-lg: 0 24px 50px -20px rgba(94,58,38,.22);
}
/* ===== PALETAS ALTERNATIVAS ===== */
[data-palette="moss"] {
--cream-50: #F4F2EA;
--cream-100: #ECE9DC;
--cream-200: #DFDAC4;
--cream-300: #BDBB9A;
--terra-400: #9A8C6A;
--terra-500: #776B4A;
--terra-600: #4F5739;
--terra-700: #2F3624;
--moss-300: #9FA37B;
--moss-500: #5A6041;
--moss-700: #2F3624;
--ink-900: #232619;
--ink-700: #3E4233;
--ink-500: #6F7362;
--line: #D5CFB8;
--accent: var(--moss-700);
}
[data-palette="terracotta"] {
--cream-50: #FBF4EC;
--cream-100: #F4E6D4;
--cream-200: #EAD2B3;
--cream-300: #D9A77E;
--terra-400: #C47A52;
--terra-500: #A15A39;
--terra-600: #7C3F26;
--terra-700: #4D2615;
--moss-300: #B39A6B;
--moss-500: #8B7A4F;
--moss-700: #4F4529;
--ink-900: #2A1A10;
--ink-700: #4A3224;
--ink-500: #866954;
--line: #ECD6B9;
--accent: var(--terra-600);
}
[data-palette="ivory"] {
--cream-50: #FDFBF6;
--cream-100: #F7F3EA;
--cream-200: #EEE7D6;
--cream-300: #DCD1B5;
--terra-400: #AA8E74;
--terra-500: #836B54;
--terra-600: #5C4938;
--terra-700: #362A20;
--moss-300: #9DA28A;
--moss-500: #6C7257;
--moss-700: #3D4231;
--ink-900: #1F1913;
--ink-700: #3A3024;
--ink-500: #7A6C5E;
--line: #E8DFCB;
--accent: var(--terra-700);
}