/* ── Light theme — warm parchment + royal blue ───────────────────── */
[data-theme="light"] {
    /* Surfaces — warm parchment, lightening inward */
    --color-bg:           #f4f1ec;  /* window background */
    --color-bg-nav:       #e9e3d4;  /* top bar — toned parchment, not white */
    --color-bg-surface:   #fbfaf6;  /* panels / content */
    --color-bg-subtle:    #efece2;  /* panel 2 / row hover */
    --color-border:       #ddd6c6;  /* borders */
    --color-grid:         #e6e1d3;  /* grid / table lines */
    /* Text */
    --color-heading:      #16213a;  /* headings */
    --color-text:         #1e2330;  /* body text */
    --color-text-muted:   #6c6557;  /* muted / secondary */
    --color-value:        #16213a;  /* emphasised values & de-accented text */
    /* Accent — royal blue */
    --color-primary:      #2f5c92;  /* buttons, focus, links */
    --color-primary-hover:#244a78;
    --color-on-primary:   #f6f3ec;  /* text on accent buttons */
    /* Brand + gold detailing */
    --color-brand:        #1d3a63;  /* title — deep royal blue */
    --color-gold-line:    #c7a85f;  /* gold dividers / nav underline */
    /* Status */
    --color-success:      #3a7d44;
    --color-error:        #9a3328;
    --color-danger:       #9a3328;
    --color-warning:      #d68910;
}

/* Scrollbar — light */
[data-theme="light"] {
    scrollbar-color: #ddd6c6 #efece2;
}
[data-theme="light"] ::-webkit-scrollbar { width: 8px; height: 8px; }
[data-theme="light"] ::-webkit-scrollbar-track { background: #efece2; border-radius: 4px; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #ddd6c6; border-radius: 4px; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #c7a85f; }

/* ── Dark theme — royal navy + gold ──────────────────────────────── */
[data-theme="dark"] {
    /* Surfaces — dark navy, lightening inward */
    --color-bg:           #161a24;  /* window background */
    --color-bg-nav:       #1c2230;  /* top bar */
    --color-bg-surface:   #1f2531;  /* panels / content */
    --color-bg-subtle:    #2a3140;  /* panel 2 / row hover */
    --color-border:       #3a4252;  /* borders */
    --color-grid:         #333b4a;  /* grid / table lines */
    /* Text */
    --color-heading:      #f4f6fa;  /* headings */
    --color-text:         #e6e8ef;  /* body text */
    --color-text-muted:   #949bab;  /* muted / secondary */
    --color-value:        #f4f6fa;  /* emphasised values & de-accented text */
    /* Accent — royal blue */
    --color-primary:      #5a8fd0;  /* buttons, focus, links */
    --color-primary-hover:#6fa1de;
    --color-on-primary:   #12161f;  /* text on accent buttons */
    /* Brand + gold detailing */
    --color-brand:        #d8bd80;  /* title — gold */
    --color-gold-line:    #b59a55;  /* gold dividers / nav underline */
    /* Status */
    --color-success:      #5aad6a;
    --color-error:        #e0897d;  /* error / danger */
    --color-danger:       #e0897d;
    --color-warning:      #f0a820;
}

/* Scrollbar — dark (muted gold thumb) */
[data-theme="dark"] {
    scrollbar-color: #b8a98e #1f2531;
}
[data-theme="dark"] ::-webkit-scrollbar { width: 8px; height: 8px; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: #1f2531; border-radius: 4px; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #b8a98e; border-radius: 4px; }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #cabfa6; }