/* Thesa design tokens
 * Ported from html/app.html — keep these values in sync.
 * Component styles in app.css consume these vars. */

:root {
    /* Editorial palette */
    --ink:        #0B1F3A;
    --ink-2:      #13294D;
    --ink-3:      #1E3A64;
    --gold:       #C9A961;
    --gold-2:     #B8943E;
    --gold-soft:  #F5EFE0;

    /* Status */
    --red:         #DC2626;
    --red-soft:    #FEE2E2;
    --amber:       #D97706;
    --amber-soft:  #FEF3C7;
    --green:       #059669;
    --green-soft:  #D1FAE5;

    /* Surfaces */
    --paper:    #FAF8F4;
    --paper-2:  #F2EEE6;
    --line:     #E5E0D3;
    --line-2:   #D4CDBA;
    --muted:    #6B6B6B;
    --text:     #1F2937;

    /* Zambia flag accent */
    --zm-green:  #198A00;
    --zm-red:    #DE2010;
    --zm-black:  #000000;
    --zm-orange: #EF7D00;

    /* Typography (Google Fonts loaded in index.html) */
    --font-display: 'Fraunces', Georgia, serif;
    --font-sans:    'Geist', system-ui, -apple-system, sans-serif;
    --font-mono:    'Geist Mono', ui-monospace, Menlo, monospace;
}