/*
 * Application design tokens — single source of truth for the shared visual
 * language (colors, radius, shadow). Consumed by base.css and page-scoped
 * styles via var(--app-*). Do not redefine these values elsewhere; add new
 * tokens here instead of hardcoding hex/px values in individual pages.
 */
:root {
    --app-primary: #c9a227;
    --app-primary-hover: #a9821d;

    --app-bg: #f8f9fc;
    --app-surface: #ffffff;
    --app-surface-muted: #f4f6f8;
    /* Warm-neutral surfaces — restrained gold-tinted off-whites, used for
       FilterBar/table identity without filling either with gold itself.
       -warm is the stronger tone (header-strength); -warm-soft is a much
       lighter wash for larger surfaces (filter body/actions row) so they
       stay warm without reading as beige/cream. */
    --app-surface-warm: #f2e6c8;
    --app-surface-warm-soft: #f8f1e0;

    --app-border: #e3e6f0;
    /* Warm counterpart to --app-border, for the FilterBar family only. */
    --app-border-warm: #ddc99c;

    --app-text: #1f2937;
    --app-text-muted: #6b7280;

    --app-success: #1cc88a;
    --app-warning: #f6c23e;
    --app-danger: #e74a3b;
    --app-info: #36b9cc;
    --app-excel: #217346;

    --app-radius-sm: 6px;
    --app-radius-md: 10px;
    --app-radius-lg: 16px;
    --app-radius-pill: 999px;

    --app-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
    --app-shadow-md: 0 8px 20px rgba(15, 23, 42, .08);
    --app-shadow-lg: 0 16px 32px rgba(15, 23, 42, .12);
}