/* =====================================================================
   THEME PALETTE — dark

   This file ONLY re-defines the color variables from style_white.css.
   All layout/component rules live in style_white.css and read these
   variables, so this is the entire dark theme. Activated by setting
   <html data-theme="dark"> (handled in settings/theme.rs).
   ===================================================================== */
:root[data-theme="dark"] {
    color-scheme: dark;

    /* surfaces */
    --bg:          #15171e;
    --surface:     #1b1e27;
    --surface-alt: #232734;

    /* text */
    --text:        #e7e9f0;
    --text-muted:  #9aa0b2;

    /* lines */
    --border:      #333949;
    --divider:     #333949;

    /* accent */
    --accent:       #3b82f6;
    --accent-hover: #60a5fa;
    --accent-soft:  rgba(59, 130, 246, 0.20);
    --on-accent:    #ffffff;

    /* strong surface */
    --primary:      #2a2f3d;
    --on-primary:   #e7e9f0;

    /* feedback */
    --danger:       #ef5350;
    --ok:           #4caf50;
    --ok-soft:      rgba(76, 175, 80, 0.20);
    --warn:         #ffb020;
    --warn-soft:    rgba(255, 176, 32, 0.20);
    --danger-soft:  rgba(239, 83, 80, 0.20);
    --success:      #22c55e;
    --warning:      #f59e0b;

    --radius:       8px;
    --shadow:       rgba(0, 0, 0, 0.5);
}
