/* ═══════════════════════════════════════════════════════════════════════════
 * DoorVault Design Tokens — --dv-* namespace
 * Ported from frontend/src/styles/tokens.css (react branch).
 * Scoped to --dv-* prefix so they coexist with existing Flask CSS vars.
 * ═══════════════════════════════════════════════════════════════════════════ */
:root {
    /* Brand / Accent */
    --dv-accent:            #d4a843;
    --dv-accent-hover:      #e0b854;
    --dv-accent-muted:      rgba(212, 168, 67, 0.10);
    --dv-accent-subtle:     rgba(212, 168, 67, 0.05);

    /* Neutral Surfaces */
    --dv-bg-app:            #090b0f;
    --dv-bg-card:           #0e1118;
    --dv-bg-elevated:       #161a26;

    /* Text */
    --dv-fg-1:              #f0f2f7;
    --dv-fg-2:              #8891b0;
    --dv-fg-3:              #505569;
    --dv-fg-4:              #6c7283;

    /* Borders */
    --dv-border:            #1a1f2e;
    --dv-border-subtle:     rgba(255, 255, 255, 0.06);
    --dv-border-hairline:   rgba(255, 255, 255, 0.035);

    /* Semantic / Status */
    --dv-success:           #10b981;
    --dv-success-bg:        rgba(16, 185, 129, 0.10);
    --dv-danger:            #ef4444;
    --dv-danger-bg:         rgba(239, 68, 68, 0.10);
    --dv-warning:           #d4940a;
    --dv-warning-bg:        rgba(212, 148, 10, 0.10);

    /* Knox AI gold */
    --dv-knox:              #f0c860;
    --dv-knox-bg:           rgba(240, 200, 96, 0.10);
    --dv-knox-border:       rgba(240, 200, 96, 0.28);

    /* Easing */
    --dv-ease-out:          cubic-bezier(0.16, 1, 0.3, 1);
}