:root {
    /* ── Accent hue — overridden by inline <style> in base.html ── */
    --accent-h: 214;
    --accent-s: 68%;
    --accent-l: 58%;
    --accent-s-dark: 55%;
    --accent-l-dark: 38%;

    /* ── Derived accent ── */
    --accent-color:        hsl(var(--accent-h), var(--accent-s), var(--accent-l));
    --accent-color-dark:   hsl(var(--accent-h), var(--accent-s-dark), var(--accent-l-dark));
    --accent-color-light:  hsl(var(--accent-h), var(--accent-s), 88%);
    --accent-color-trans:  hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.18);
    --accent-text-on:      #ffffff;

    /* ── Backgrounds — Gmail-like ── */
    --main-bg-color:     #f7f7f7;
    --page-bg-color:     #f5f5f4;
    --surface-color:     #ffffff;
    --surface-alt-color: #f9f9f8;
    --surface-2:         #f9f9f8;
    --text-primary:      #1a1a1a;
    --text-secondary:    #6b6b6b;
    --text-tertiary:     #9b9b9b;
    --border:            rgba(0,0,0,0.08);
    --border-md:         rgba(0,0,0,0.14);

    /* ── Accent header cells ── */
    --td-accent-dark-bg-color:      var(--accent-color-dark);
    --td-accent-dark-text-color:    #ffffff;
    --td-accent-light-bg-color:     var(--accent-color-light);
    --td-accent-light-text-color:   hsl(var(--accent-h), var(--accent-s-dark), 20%);

    /* ── Fixed semantic cells ── */
    --td-accent-internal-bg-color:     #f0ede4;
    --td-accent-internal-text-color:   #5a4520;
    --td-accent-calendar-bg-color:     #fef9e7;
    --td-accent-calendar-text-color:   #7a6c00;
    --td-accent-forward-bg-color:      #e6f4ea;
    --td-accent-forward-text-color:    #137333;
    --td-accent-server-error-bg-color: #fce8e6;
    --td-accent-server-error-text-color: #a50e0e;

    /* ── Page structure ── */
    --page-border-color:     var(--accent-color-dark);
    --page-tabcontent-color: #e8eaed;

    /* ── Triggers ── */
    --trigger-color:    var(--accent-color);
    --trigger-up-color: var(--accent-color-dark);

    /* ── Navbar — dark accent, white icons visible ── */
    --navbar-bg1-color:           hsl(var(--accent-h), 35%, 22%);
    --navbar-bg2-color:           hsl(var(--accent-h), 30%, 17%);
    --navbar-text-color:          rgba(255,255,255,0.92);
    --navbar-top-text-hover-color:#ffffff;
    --navbar-accent:              var(--accent-color);
    --navbar-accent-trans:        var(--accent-color-trans);
    --navbar-filter-config:       #cbaed4;
    --navbar-filter-list:         #c4dba8;
    --navbar-submenu-text-1:      #202124;
    --navbar-submenu-text-2:      #eeeeee;

    /* ── Dropdown palette (used by modern.css) ── */
    --dropdown-bg:            #ffffff;
    --dropdown-text:          #202124;
    --dropdown-text-secondary: #5f6368;
    --dropdown-hover-bg:      hsl(var(--accent-h), 70%, 96%);
    --dropdown-active-bg:     hsl(var(--accent-h), 55%, 92%);
    --dropdown-divider:       rgba(0,0,0,0.08);

    /* ── TableSorter ── */
    --tablesorter-bg-color:              #ffffff;
    --tablesorter-header-bg-color:       var(--accent-color-dark);
    --tablesorter-header-text-color:     #ffffff;
    --tablesorter-header-textsort-color: hsl(35, 100%, 65%);
    --tablesorter-hover-bg-color:        hsl(var(--accent-h), 65%, 92%);

    /* ── Message person backgrounds ── */
    --back-person-from: #ffffff;
    --back-person-to:   #f3f6ff;
    --back-person-cc:   #edf1f8;
    --back-person-bcc:  #ffffff;
}

.reload-css-0009 { display: none; }