/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    /* DMA brand palette */
    --black: #130C0E;
    --yellow: #FECE00;
    --turquoise: #00A7BA;
    --green: #7DB728;
    --pink: #E73665;

    /* Surfaces */
    --background-color: #F5F4EF;
    --surface-color: #FFFFFF;
    --white: #FFFFFF;

    /* Text */
    --text-color: #130C0E;
    --text-muted: #6B625E;
    --border-color: rgba(19, 12, 14, 0.14);

    /* Semantic */
    --primary-color: #130C0E;
    --primary-hover: #000000;
    --accent-color: #FECE00;
    --secondary-color: #00A7BA;

    /* Typography */
    --font-heading: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-body: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    /* Measure */
    --radius: 2px;
    --maxw: 1220px;
}