/* GWS Consulting — variáveis CSS v1.0 Gerado por gws/marketing/wip/build_marketing.py a partir de gws_mkt/marca.py. Não editar à mão. Tema: automático pelo sistema; force com ou data-theme="dark". Fontes: IBM Plex Sans e IBM Plex Mono (SIL OFL). Ligue gws.fontes.css antes deste arquivo; sem as fontes, a pilha cai em Segoe UI / Arial. */ :root { color-scheme: light dark; /* marca */ --gws-petroleo: #123F48; --gws-abismo: #0A1C22; --gws-bronze: #C1913F; --gws-mare: #2C6A73; --gws-linho: #F4F1EA; --gws-hematita: #9A3F2C; --gws-grafite: #18262B; --gws-aco: #56676C; --gws-nevoa: #D9DFDD; --gws-branco: #FFFFFF; --gws-bronze-texto: #855F20; --gws-bronze-claro: #E3C58E; --gws-mare-claro: #9CC3C6; /* escalas */ --gws-petroleo-950: #0A1C22; --gws-petroleo-900: #0E2F36; --gws-petroleo-800: #123F48; --gws-petroleo-700: #1A525C; --gws-petroleo-600: #2C6A73; --gws-petroleo-400: #6E9A9F; --gws-petroleo-300: #9CC3C6; --gws-petroleo-200: #C4DADB; --gws-petroleo-100: #DCE8E8; --gws-petroleo-50: #EEF4F3; --gws-bronze-800: #6B4C1A; --gws-bronze-700: #855F20; --gws-bronze-600: #A67932; --gws-bronze-500: #C1913F; --gws-bronze-300: #E3C58E; --gws-bronze-100: #F3E7CF; --gws-bronze-50: #FAF4E8; --gws-hematita-700: #7A3324; --gws-hematita-600: #9A3F2C; --gws-hematita-300: #D59A8B; --gws-hematita-100: #F4DEDA; --gws-neutro-900: #18262B; --gws-neutro-700: #3A4A4F; --gws-neutro-600: #56676C; --gws-neutro-400: #8E9B9E; --gws-neutro-300: #C3CCCC; --gws-neutro-200: #D9DFDD; --gws-neutro-100: #F4F1EA; --gws-neutro-50: #FAF8F4; --gws-neutro-0: #FFFFFF; /* gráficos */ --gws-grafico-1: #123F48; --gws-grafico-2: #C1913F; --gws-grafico-3: #2C6A73; --gws-grafico-4: #9A3F2C; --gws-grafico-5: #6E9A9F; --gws-grafico-6: #A67932; /* tipografia */ --gws-font-sans: 'IBM Plex Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; --gws-font-mono: 'IBM Plex Mono', 'Cascadia Mono', Consolas, 'Liberation Mono', 'Courier New', monospace; --gws-text-display: 600 3.5rem/1.05 var(--gws-font-sans); --gws-text-h1: 600 2.5rem/1.12 var(--gws-font-sans); --gws-text-h2: 600 2rem/1.18 var(--gws-font-sans); --gws-text-h3: 600 1.5rem/1.25 var(--gws-font-sans); --gws-text-h4: 600 1.25rem/1.3 var(--gws-font-sans); --gws-text-body-lg: 400 1.125rem/1.55 var(--gws-font-sans); --gws-text-body: 400 1rem/1.55 var(--gws-font-sans); --gws-text-small: 400 0.875rem/1.5 var(--gws-font-sans); --gws-text-label: 500 0.75rem/1.4 var(--gws-font-mono); --gws-tracking-mono: 0.12em; /* espaço, raio, sombra */ --gws-space-0: 0rem; --gws-space-1: 0.25rem; --gws-space-2: 0.5rem; --gws-space-3: 0.75rem; --gws-space-4: 1rem; --gws-space-5: 1.25rem; --gws-space-6: 1.5rem; --gws-space-8: 2rem; --gws-space-10: 2.5rem; --gws-space-12: 3rem; --gws-space-16: 4rem; --gws-space-20: 5rem; --gws-space-24: 6rem; --gws-radius-none: 0px; --gws-radius-sm: 2px; --gws-radius-md: 4px; --gws-radius-lg: 8px; --gws-radius-xl: 12px; --gws-shadow-sm: 0 1px 2px rgba(10, 28, 34, 0.08); --gws-shadow-md: 0 6px 20px rgba(10, 28, 34, 0.10); /* tema claro (padrão) */ --gws-bg: #FFFFFF; --gws-bg-subtle: #F4F1EA; --gws-surface: #FFFFFF; --gws-surface-strong: #123F48; --gws-text: #18262B; --gws-text-muted: #56676C; --gws-text-on-strong: #FFFFFF; --gws-border: #D9DFDD; --gws-primary: #123F48; --gws-on-primary: #FFFFFF; --gws-secondary: #2C6A73; --gws-accent: #C1913F; --gws-accent-text: #855F20; --gws-on-accent: #0A1C22; --gws-link: #2C6A73; --gws-focus: #C1913F; --gws-success: #2E6B4F; --gws-warning: #855F20; --gws-danger: #9A3F2C; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --gws-bg: #0A1C22; --gws-bg-subtle: #0E2F36; --gws-surface: #123F48; --gws-surface-strong: #123F48; --gws-text: #F4F1EA; --gws-text-muted: #9CC3C6; --gws-text-on-strong: #FFFFFF; --gws-border: #1A525C; --gws-primary: #C1913F; --gws-on-primary: #0A1C22; --gws-secondary: #9CC3C6; --gws-accent: #C1913F; --gws-accent-text: #E3C58E; --gws-on-accent: #0A1C22; --gws-link: #E3C58E; --gws-focus: #C1913F; --gws-success: #7FC8A0; --gws-warning: #E3C58E; --gws-danger: #E39A88; --gws-shadow-sm: none; --gws-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.35); } } :root[data-theme="dark"] { --gws-bg: #0A1C22; --gws-bg-subtle: #0E2F36; --gws-surface: #123F48; --gws-surface-strong: #123F48; --gws-text: #F4F1EA; --gws-text-muted: #9CC3C6; --gws-text-on-strong: #FFFFFF; --gws-border: #1A525C; --gws-primary: #C1913F; --gws-on-primary: #0A1C22; --gws-secondary: #9CC3C6; --gws-accent: #C1913F; --gws-accent-text: #E3C58E; --gws-on-accent: #0A1C22; --gws-link: #E3C58E; --gws-focus: #C1913F; --gws-success: #7FC8A0; --gws-warning: #E3C58E; --gws-danger: #E39A88; --gws-shadow-sm: none; --gws-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.35); } /* base mínima opcional */ .gws-base { background: var(--gws-bg); color: var(--gws-text); font: var(--gws-text-body); } .gws-mono { font-family: var(--gws-font-mono); letter-spacing: var(--gws-tracking-mono); text-transform: uppercase; }