/* * Root design tokens (REQ 117, besluit D-048). * Dit bestand is het tokencontract van de root-template: de namen en basiswaarden van alle * variabelen die een skin mag herdefinieren. Structuur, componenten en HTML/CSS-regels horen * hier niet thuis, dat blijft het werk van index.html. Een skin (zie skins/*.css) overschrijft * uitsluitend de tokens hieronder, nooit selectors of structuur. Zie * docs/REQ-117-skin-tokens.md voor de volledige lijst toegestane tokens per skin. * * De waarden hieronder zijn de basiswaarde (fallback) zolang geen enkele skin actief is; in de * praktijk kiest index.html altijd een skin via het data-skin attribuut op , dat de * onderstaande waarden met hogere specificiteit overschrijft. * * Bron van de kleurwaarden: docs/merk/amigero-tokens.json en amigero-brandboek.md in * ai-service-portal/ai-command-center (REQ 070). Die bestanden waren in die sessie niet op te * halen, de waarden hieronder komen uit de REQ-tekst zelf. */ :root { /* Basislagen */ --color-bg-base: #0c0a08; --color-bg-surface: #15100b; --color-bg-elevated: #1d1710; --color-border: #332619; /* Tekstlagen */ --color-text-primary: #f4efe8; --color-text-secondary: #e6dbca; --color-text-muted: #b3a596; /* Accent, strikt voor de ene belangrijke actie per scherm en actieve status */ --color-accent: #e8a04a; --color-accent-contrast: #1d1710; --color-accent-glow: rgba(232, 160, 74, .55); /* Gedempte semantische kleuren */ --color-success: #7fb069; --color-danger: #e2624f; --color-info: #6fa8c9; /* Focus en schaduw */ --focus-ring: 0 0 0 3px rgba(232, 160, 74, .35); --shadow-card: 0 1px 6px rgba(0, 0, 0, .35); /* Hoekradii */ --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; /* Typografie: Inter voor UI-tekst, Fraunces (systeemfallback Georgia) voor schermtitels */ --font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-heading: Fraunces, Georgia, serif; }