/*
 * GDV Global Brand Tokens v1
 * Source direction: current GDV logo + globaldigital.id visual language.
 * Change these tokens to rebrand the whole management system later.
 */
:root {
    /* Core GDV identity */
    --gdv-brand-blue: #2074a5;
    --gdv-brand-blue-rgb: 32, 116, 165;
    --gdv-brand-blue-dark: #155c86;
    --gdv-brand-blue-soft: #eaf4fa;

    --gdv-brand-yellow: #f2d100;
    --gdv-brand-yellow-rgb: 242, 209, 0;
    --gdv-brand-yellow-soft: #fff8cc;

    --gdv-brand-red: #e31d3b;
    --gdv-brand-red-rgb: 227, 29, 59;
    --gdv-brand-red-dark: #bd1730;
    --gdv-brand-red-soft: #fff0f3;

    /* Neutral system colors */
    --gdv-brand-ink: #17202d;
    --gdv-brand-ink-rgb: 23, 32, 45;
    --gdv-brand-muted: #6f7d8f;
    --gdv-brand-border: #dde5ed;
    --gdv-brand-surface: #ffffff;
    --gdv-brand-canvas: #f7f9fc;

    /* Semantic system aliases */
    --gdv-primary: var(--gdv-brand-blue);
    --gdv-primary-rgb: var(--gdv-brand-blue-rgb);
    --gdv-primary-hover: var(--gdv-brand-blue-dark);
    --gdv-primary-soft: var(--gdv-brand-blue-soft);

    --gdv-accent: var(--gdv-brand-yellow);
    --gdv-danger: var(--gdv-brand-red);
}

html[data-theme="dark"] {
    --gdv-brand-ink: #f5f8fb;
    --gdv-brand-muted: #9eacbc;
    --gdv-brand-border: rgba(255,255,255,.10);
    --gdv-brand-surface: #101722;
    --gdv-brand-canvas: #080d14;

    --gdv-brand-blue-soft: rgba(var(--gdv-brand-blue-rgb), .16);
    --gdv-brand-yellow-soft: rgba(var(--gdv-brand-yellow-rgb), .11);
    --gdv-brand-red-soft: rgba(var(--gdv-brand-red-rgb), .12);
}