/* Design tokens — single source of truth for color and type.
   Loaded before any other stylesheet. Every other CSS file in this
   project must reference these variables instead of hardcoding a
   color; nothing here is duplicated in styles.css / styles_projects.css. */

:root {
    /* Palette (2026-08-07) */
    --primary-color: #210B26;
    --primary-color-rgb: 33, 11, 38;

    --primary-dark: #0d0111;
    --primary-dark-rgb: 13, 1, 17;

    --primary-light: #2C0C2E;
    --primary-light-rgb: 44, 12, 46;

    --secondary-color: #5F1E77;
    --secondary-color-rgb: 95, 30, 119;

    --background-primary: #EFB0F3;
    --background-primary-rgb: 239, 176, 243;

    --text-primary-color: #f7eef7;
    --text-primary-color-rgb: 247, 238, 247;

    --text-secondary-color: #ab93ab;

    /* Neutrals used across translucent overlays/shadows */
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;

    /* Semantic status colors (form validation, confirmation/error pages) */
    --error-color: #e74c3c;
    --error-color-rgb: 231, 76, 60;
    --success-color: #2ecc71;

    /* Type */
    --font-primary: 'Work Sans', -webkit-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-heading: 'Unbounded', 'Work Sans', sans-serif;
    --font-size-base: 16px;
    --font-size-small: 14px;
    --font-size-large: 17px;
    --line-height-base: 1.3;
}