@charset "utf-8";
/* ECDC -- Tokens
 *
 * Every colour, radius and font the app uses, by name (the names come from
 * the old theme.css). The "Taller" direction, chosen 2026-10-15: the old
 * look refined. Light and dark: dark follows the device unless data-theme
 * says otherwise.
 */

/* ---------- Light ---------- */
:root {
  color-scheme: light;      /* the browser's own parts (open dropdowns, date pickers, scrollbars) */
  --font-body:            "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-code:            ui-monospace, "Cascadia Mono", "Consolas", monospace;

  --background:           #f3f4f2;
  --panel-bg:             #ffffff;
  --sidebar:              #ffffff;
  --headline:             #0d0f10;
  --paragraph:            #24282b;
  --paragraph-muted:      #6b7176;
  --border:               #e1e3e0;

  --ctrl-face:            #1f6feb;
  --ctrl-face-hover:      #185ccc;
  --ctrl-face-text:       #ffffff;
  --ctrl-text:            #24282b;
  --ctrl-border:          #c9ccc8;
  --ctrl-border-hover:    #6b7176;
  --ctrl-border-focus:    #1f6feb;
  --input:                #ffffff;

  --accent:               #00a3a3;
  --highlight:            #8fac00;
  --highlight-bg:         #f2f7d9;

  --credit:               #1f8a5b;
  --credit-bg:            #e3f4ea;
  --debit:                #c8352f;
  --debit-bg:             #fbe7e5;
  --warn:                 #a86b00;
  --warn-bg:              #fdf1d8;
  --info:                 #1f6feb;
  --info-bg:              #e5effd;
  --destructive:          #c8352f;
  --destructive-text:     #ffffff;

  --comment-bg:           #f2f2ff;
  --scrim:                rgba(10, 12, 12, .5);
  --shadow:               0 1px 2px rgba(13, 15, 16, .06), 0 4px 16px rgba(13, 15, 16, .06);
  --radius:               8px;
  --radius-lg:            14px;
  --radius-pill:          999px;
}

/* ---------- Dark ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --background:         #1a1d1f;
    --panel-bg:           #222629;
    --sidebar:            #1e2123;
    --headline:           #ffffff;
    --paragraph:          #e9eae6;
    --paragraph-muted:    #9a9d98;
    --border:             #34393c;

    --ctrl-face:          #1f6feb;
    --ctrl-face-hover:    #185ccc;
    --ctrl-face-text:     #ffffff;
    --ctrl-text:          #e9eae6;
    --ctrl-border:        #494d52;
    --ctrl-border-hover:  #ffbe00;
    --ctrl-border-focus:  #1f6feb;
    --input:              #1a1d1f;

    --accent:             #00cccc;
    --highlight:          #dfff00;
    --highlight-bg:       #33381a;

    --credit:             #4fd18b;
    --credit-bg:          #173326;
    --debit:              #ff6f69;
    --debit-bg:           #3d1d1c;
    --warn:               #ffbe00;
    --warn-bg:            #3a2e10;
    --info:               #6aa8ff;
    --info-bg:            #172a45;
    --destructive:        #ff6f69;
    --destructive-text:   #2a0b09;

    --comment-bg:         #2a2f3a;
    --scrim:              rgba(0, 0, 0, .6);
    --shadow:             0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .3);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --background:           #1a1d1f;
  --panel-bg:             #222629;
  --sidebar:              #1e2123;
  --headline:             #ffffff;
  --paragraph:            #e9eae6;
  --paragraph-muted:      #9a9d98;
  --border:               #34393c;

  --ctrl-face:            #1f6feb;
  --ctrl-face-hover:      #185ccc;
  --ctrl-face-text:       #ffffff;
  --ctrl-text:            #e9eae6;
  --ctrl-border:          #494d52;
  --ctrl-border-hover:    #ffbe00;
  --ctrl-border-focus:    #1f6feb;
  --input:                #1a1d1f;

  --accent:               #00cccc;
  --highlight:            #dfff00;
  --highlight-bg:         #33381a;

  --credit:               #4fd18b;
  --credit-bg:            #173326;
  --debit:                #ff6f69;
  --debit-bg:             #3d1d1c;
  --warn:                 #ffbe00;
  --warn-bg:              #3a2e10;
  --info:                 #6aa8ff;
  --info-bg:              #172a45;
  --destructive:          #ff6f69;
  --destructive-text:     #2a0b09;

  --comment-bg:           #2a2f3a;
  --scrim:                rgba(0, 0, 0, .6);
  --shadow:               0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .3);
}