/* ============================================================ FitTheRole — Design tokens (Soft Brutalism) See docs/19-frontend-architecture-and-design.md NOTE: This is the shared design-system RCL (NetMentor.CvBuilder.Web.Design). Consuming apps reference it; assets are served from /_content/NetMentor.CvBuilder.Web.Design/css/design/. ============================================================ */ :root { /* Color */ --c-ink: #1A1A18; /* borders, text, shadows */ --c-paper: #FFFFFF; /* card surfaces */ --c-cream: #FBF7F0; /* page background */ --c-cream-2: #F1ECE2; /* secondary surface / zoning */ --c-coral: #E86A5E; /* primary action */ --c-gold: #E8C547; /* accent */ --c-sage: #7FA98C; /* secondary accent */ --c-sky: #9CC6DC; /* tertiary accent */ --c-linkedin:#0A66C2; /* LinkedIn brand blue — ONLY for LinkedIn-specific UI (import funnel) */ /* Functional */ --c-muted: #5C574E; --c-line: #E3DACB; /* Borders & shadows (the soft-brutalist core) */ --border: 2px solid var(--c-ink); --border-1: 1px solid var(--c-line); --radius: 4px; /* near-square */ --shadow: 4px 4px 0 var(--c-ink); /* hard, 0 blur */ --shadow-sm: 2px 2px 0 var(--c-ink); --shadow-lg: 7px 7px 0 var(--c-ink); /* Type */ --font-display: "Space Grotesk", system-ui, sans-serif; --font-body: "Inter", system-ui, sans-serif; /* Spacing scale */ --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 40px; --space-6: 64px; --space-7: 96px; /* Layout */ --container: 1140px; } /* ------------------------------------------------------------ App intensity (lower-key chrome for the logged-in app). Apply class="app" on for editor/dashboard/settings. Same tokens, quieter voice (smaller shadows). See docs/19. ------------------------------------------------------------ */ body.app { --shadow: var(--shadow-sm); --shadow-lg: 4px 4px 0 var(--c-ink); background: var(--c-paper); }