/* Design tokens — fiéis ao Twenty CRM (twentyhq/twenty), reimplementados. Tema claro = principal; tema escuro via .dark no . */ :root { /* Fundo */ --bg-primary: #ffffff; --bg-secondary: #fcfcfc; --bg-tertiary: #f1f1f1; --bg-quaternary: #ebebeb; --bg-hover: rgba(0, 0, 0, 0.039); --bg-hover-medium: rgba(0, 0, 0, 0.078); --bg-danger: #feebec; /* Texto */ --text-primary: #333333; --text-secondary: #666666; --text-tertiary: #999999; --text-light: #b3b3b3; --text-extralight: #cccccc; --text-inverted: #ffffff; --text-danger: #e5484d; /* Bordas */ --border-strong: #d6d6d6; --border-medium: #ebebeb; --border-light: #f1f1f1; --border-blue: #a1ce5a; /* Accent / verde da marca DIAPLANT (extraído do logo: #006b35 #2fa749 #88bc40 #a1ce5a) */ --blue: #1f8f3f; /* nome mantido por compatibilidade; valor = verde Diaplant */ --blue-hover: #006b35; --blue-pressed: #00562b; --accent-primary: #c3e2a3; --accent-tertiary: #eaf6dd; --accent-text: #006b35; /* Semânticas */ --green: #30a46c; --red: #e5484d; --orange: #f76a15; --amber: #ffc100; --purple: #8e4ec6; --pink: #d6409f; --turquoise: #12a594; /* Raio */ --radius-xs: 2px; --radius-sm: 4px; --radius-md: 8px; --radius-xl: 20px; --radius-pill: 999px; /* Sombras */ --shadow-light: 0 2px 4px 0 rgba(0, 0, 0, 0.039), 0 0 4px 0 rgba(0, 0, 0, 0.078); --shadow-strong: 2px 4px 16px 0 rgba(0, 0, 0, 0.161), 0 2px 4px 0 rgba(0, 0, 0, 0.078); --shadow-modal: 0 0 8px 0 rgba(0, 0, 0, 0.161), 0 8px 64px -16px rgba(0, 0, 0, 0.478), 0 24px 56px -16px rgba(0, 0, 0, 0.078); --focus-ring: 0 0 0 3px var(--accent-tertiary); --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; /* Tags (bg / text) — Twenty TagLight */ --tag-bg-blue: #edf2fe; --tag-text-blue: #3a5bc7; --tag-bg-green: #e6f6eb; --tag-text-green: #00824d; --tag-bg-red: #feebec; --tag-text-red: #ce2c31; --tag-bg-orange: #ffefd6; --tag-text-orange: #d14e00; --tag-bg-purple: #f7edfd; --tag-text-purple: #8145b5; --tag-bg-amber: #fff7c2; --tag-text-amber: #946800; --tag-bg-gray: #f9f9f9; --tag-text-gray: #666666; } .dark { --bg-primary: #171717; --bg-secondary: #1b1b1b; --bg-tertiary: #1d1d1d; --bg-quaternary: #222222; --bg-hover: rgba(255, 255, 255, 0.06); --bg-hover-medium: rgba(255, 255, 255, 0.1); --bg-danger: #3a1d1f; --text-primary: #ebebeb; --text-secondary: #b3b3b3; --text-tertiary: #818181; --text-light: #666666; --text-extralight: #555555; --text-inverted: #171717; --border-strong: #484848; --border-medium: #2a2a2a; --border-light: #222222; --accent-primary: #1f4023; --accent-tertiary: #15301a; --accent-text: #8fc56a; --tag-bg-blue: #1e2a4d; --tag-text-blue: #9db1ff; --tag-bg-green: #15321f; --tag-text-green: #4cc38a; --tag-bg-red: #3a1d1f; --tag-text-red: #ff9592; --tag-bg-orange: #331c0d; --tag-text-orange: #ff9e57; --tag-bg-purple: #2a1d3a; --tag-text-purple: #c99fef; --tag-bg-amber: #302608; --tag-text-amber: #ffca16; --tag-bg-gray: #222222; --tag-text-gray: #b3b3b3; }