/* tokens.css - the design tokens: palette, spacing, typography.
 *
 * Loaded before style.css. Every rule here declares nothing but custom
 * properties, so it defines values without settling any contest. Their order
 * relative to each other is preserved, which is the only thing that decides a
 * custom property.
 */


:root {
  --pill-h: 38px;
  --pill-pad-x: 14px;
  --pill-radius: 999px;
  --pill-font: 'Satoshi', 'Inter', system-ui, sans-serif;
  --pill-font-size: 0.78rem;
  --pill-letter: 0.01em;
  --gl-green: #1976D2;
  --gl-green-soft: rgba(25, 118, 210, 0.14);
  --gl-green-border: rgba(25, 118, 210, 0.38);
  --gl-neutral-border: rgba(255, 255, 255, 0.18);
  --n4-accent: #1976D2;
  --n4-accent-soft: rgba(25, 118, 210, 0.28);
  --muted: #8A8F9C;
  --faint: #666B78;
  --border: #3A4050;
  --surface: #191A1A;
  --surface-2: #1F2121;
  --surface-3: #24262C;
  --ntl-main: #191A1A;
  --ntl-panel-wrap: #2C3344;
  --ntl-tab-active: #2F4B5D;
  --ntl-tab-outline: #3A4050;
  --ntl-tab-text: #777E90;
  --ntl-sep: #262727;
  --ntl-title: #B5B7BE;
  --ntl-chatbox-text: #E8E7E5;
  --ntl-upload-bg: #252322;
  --ntl-upload-text: #D5D4D4;
  --ntl-dictate: #949494;
  --ntl-accent: #1976D2;
  --primary-strong: #B5B7BE;
  --primary-ink: #191A1A;
  --font-body: 'Satoshi', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Cabinet Grotesk', 'Satoshi', 'Inter', system-ui, sans-serif;
  --font-numeric: var(--font-body);

  /* Type scale (rem). Use these instead of one-off px/rem sizes. */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;

  /* Spacing scale (4px grid). --space-1 was missing; SuperViz --ac-space-* maps here. */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  /* Radii. xs = chart bars (product rx=2); card = SuperViz tiles. */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-card: 10px;
  --radius-lg: 18px;
  --radius-xl: 24px;

  --border-width: 1px;

  /* Number system: one treatment for KPI / table / chart figures.
     Color resolves against --fg-primary once the theme block defines it. */
  --num-variant: tabular-nums lining-nums;
  --num-features: "tnum" 1, "lnum" 1;
  --num-weight-kpi: 600;
  --num-weight-table: 500;
  --num-tracking: -0.02em;
  --num-color: var(--fg-primary);
  --num-muted: var(--fg-muted);
  --num-positive: var(--status-success);
  --num-negative: var(--status-danger);

  --bg: #171614;
  --border-soft: rgba(255, 255, 255, 0.06);
  --text: #e3e1dd;

  --totaly-blue-50:  #E3F2FD;
  --totaly-blue-100: #BBDEFB;
  --totaly-blue-300: #64B5F6;
  --totaly-blue-400: #42A5F5;
  --totaly-blue-500: #2196F3;
  --totaly-blue-600: #1E88E5;
  --primary: var(--totaly-blue-600);
  --success: var(--totaly-blue-400);
  --warning: #e8af34;
  --danger:  #dc2626;

  --chip-outline:    rgba(100, 181, 246, 0.32);
  --chip-bg:         rgba(33, 150, 243, 0.08);

  --tier-max-ink:    var(--totaly-blue-100);
  --tier-max-bg:     rgba(144, 202, 249, 0.18);
  --tier-max-outline: rgba(144, 202, 249, 0.50);
  --tier-ent-ink:    var(--totaly-blue-50);
  --tier-ent-bg:     rgba(21, 101, 192, 0.28);
  --tier-ent-outline: rgba(13, 71, 161, 0.65);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.28);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.32);
  --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.28);

  --z-sidebar: 10;
  --z-topbar: 20;
  --z-modal: 100;
  --z-toast: 200;
  --gl-chat-bg: #1F2121;
  /* Light hairline (same family as KPI pills) — not solid #2A2928. */
  --gl-chat-border: rgba(255, 255, 255, 0.10);
  --gl-chat-text: #E8E7E5;
  --gl-chat-muted: #8F8E8C;
  --gl-chat-send: #7A7978;
  --gl-chat-send-ink: #1E1D1C;

  /* Shell / Ask chrome (dark defaults; remapped under light/og) */
  --ask-bg:            #191A1A;
  /* Shared Ask surface fill: composer + Sales/Retention/Ops/Finance KPI
     pills must resolve to the same wash (not solid #1F2121 charcoal). */
  --chrome-fill:       rgba(255, 255, 255, 0.04);
  --composer-bg:       var(--chrome-fill);
  --chrome-fill-hover: rgba(255, 255, 255, 0.06);
  --chrome-ink:        rgba(232, 233, 235, 0.82);
  --chrome-ink-hover:  rgba(234, 235, 236, 0.92);
  --chrome-glass:      rgba(40, 40, 42, 0.72);
  --chrome-glass-border: rgba(255, 255, 255, 0.18);
  --chrome-glass-ink:  rgba(255, 255, 255, 0.92);
  --chrome-glass-muted: rgba(255, 255, 255, 0.45);
  --chrome-glass-hover: rgba(255, 255, 255, 0.08);
  --chrome-glass-selected: rgba(255, 255, 255, 0.12);

  /* Cursor-like tab chrome (Messages + project agent tabs).
     Active fill matches Chat history selection grey. */
  --ty-tab-bar-bg: #1F2121;
  --ty-tab-bar-border: rgba(255, 255, 255, 0.06);
  --ty-tab-ink: rgba(200, 201, 204, 0.72);
  --ty-tab-ink-active: #f5f5f7;
  --ty-tab-hover: rgba(255, 255, 255, 0.04);
  --ty-tab-active: rgba(255, 255, 255, 0.09);
  --ty-tab-plus: rgba(200, 201, 204, 0.78);
  --ty-tab-plus-hover: #f5f5f7;
  --ty-tab-radius: 6px;
}

:root,
[data-app-theme="dark"] {
  --bg-app:            #171614;
  --bg-card:           #1F2121;
  --bg-card-hover:     #252727;
  --bg-sidebar:        #191A1A;

  --fg-primary:        #E3E1DD;
  --fg-secondary:      #B5B7BE;
  --fg-muted:          #8A8F9C;
  --border-card:       rgba(255, 255, 255, 0.07);
  --border-soft:       rgba(255, 255, 255, 0.06);
  --border-strong:     rgba(255, 255, 255, 0.18);

  --accent-primary:    #1976D2;
  --shadow-card:       0 2px 12px rgba(0, 0, 0, 0.36);
  --shadow-card-hover: 0 6px 24px rgba(0, 0, 0, 0.48);
}

[data-app-theme="light"] {
  --bg-app:            #F7F8FA;
  --bg-card:           #FFF;
  --bg-card-hover:     #F0F2F5;
  --bg-sidebar:        #FFF;

  --fg-primary:        #1A1C1E;
  --fg-secondary:      #3C4043;
  --fg-muted:          #6B7280;
  --border-card:       rgba(0, 0, 0, 0.08);
  --border-soft:       rgba(0, 0, 0, 0.06);
  --border-strong:     rgba(0, 0, 0, 0.18);

  --accent-primary:    #1976D2;
  --shadow-card:       0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 6px 24px rgba(0, 0, 0, 0.14);

  /* Legacy shell / Ask / chat neutrals (were :root-only dark) */
  --bg:                #F7F8FA;
  --text:              #1A1C1E;
  --surface:           #F7F8FA;
  --surface-2:         #FFFFFF;
  --surface-3:         #FAFAFA;
  --border:            rgba(0, 0, 0, 0.12);
  --gl-neutral-border: rgba(0, 0, 0, 0.12);
  --ask-bg:            #F7F8FA;
  --composer-bg:       #F7F8FA;
  --ntl-main:          #F7F8FA;
  --ntl-panel-wrap:    #FFFFFF;
  --ntl-tab-active:    #E8F1FB;
  --ntl-tab-outline:   rgba(0, 0, 0, 0.12);
  --ntl-tab-text:      #6B7280;
  --ntl-sep:           rgba(0, 0, 0, 0.08);
  --ntl-title:         #3C4043;
  --ntl-chatbox-text:  #1A1C1E;
  --ntl-upload-bg:     #F0F2F5;
  --ntl-upload-text:   #3C4043;
  --ntl-dictate:       #6B7280;
  --gl-chat-bg:        #FFFFFF;
  --gl-chat-border:    rgba(0, 0, 0, 0.10);
  --gl-chat-text:      #1A1C1E;
  --gl-chat-muted:     #6B7280;
  --gl-chat-send:      #5F6368;
  --gl-chat-send-ink:  #FFFFFF;
  --text-primary:      #1A1C1E;
  --text-secondary:    #3C4043;
  --text-tertiary:     #6B7280;
  --chip-outline:      rgba(25, 118, 210, 0.28);
  --chip-bg:           rgba(25, 118, 210, 0.08);
  --chrome-fill:       rgba(0, 0, 0, 0.04);
  --chrome-fill-hover: rgba(0, 0, 0, 0.07);
  --chrome-ink:        rgba(26, 28, 30, 0.82);
  --chrome-ink-hover:  rgba(26, 28, 30, 0.94);
  --chrome-glass:      rgba(255, 255, 255, 0.86);
  --chrome-glass-border: rgba(0, 0, 0, 0.12);
  --chrome-glass-ink:  rgba(26, 28, 30, 0.92);
  --chrome-glass-muted: rgba(60, 64, 67, 0.55);
  --chrome-glass-hover: rgba(0, 0, 0, 0.06);
  --chrome-glass-selected: rgba(25, 118, 210, 0.10);

  --ty-tab-bar-bg: #FFFFFF;
  --ty-tab-bar-border: rgba(0, 0, 0, 0.08);
  --ty-tab-ink: rgba(60, 64, 67, 0.72);
  --ty-tab-ink-active: #1A1C1E;
  --ty-tab-hover: rgba(0, 0, 0, 0.04);
  --ty-tab-active: rgba(0, 0, 0, 0.07);
  --ty-tab-plus: rgba(60, 64, 67, 0.72);
  --ty-tab-plus-hover: #1A1C1E;
  --ty-tab-radius: 6px;

  --accent-hover-soft-10      : rgba(25, 118, 210, 0.08);
  --accent-hover-soft-14      : rgba(25, 118, 210, 0.12);
  --accent-hover-soft-18      : rgba(25, 118, 210, 0.14);
  --accent-hover-soft-22      : rgba(25, 118, 210, 0.18);
  --accent-hover-soft-28      : rgba(25, 118, 210, 0.16);
  --accent-hover-soft-35      : rgba(25, 118, 210, 0.22);
  --accent-hover-soft-45      : rgba(25, 118, 210, 0.32);
  --shadow-sm:         0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md:         0 6px 20px rgba(0, 0, 0, 0.10);
  --shadow-lg:         0 10px 40px rgba(0, 0, 0, 0.12);
}

[data-app-theme="og"] {
  --bg-app:            #FAF7EE;
  --bg-card:           #F4F1E6;
  --bg-card-hover:     #EDE9D9;
  --bg-sidebar:        #EDE9D9;

  --fg-primary:        #1C2B1E;
  --fg-secondary:      #2E5D3A;
  --fg-muted:          #5A7A5E;
  --border-card:       rgba(46, 93, 58, 0.14);
  --border-soft:       rgba(46, 93, 58, 0.08);
  --border-strong:     rgba(46, 93, 58, 0.28);

  --accent-primary:    #2E5D3A;
  --shadow-card:       0 2px 12px rgba(46, 93, 58, 0.12);
  --shadow-card-hover: 0 6px 24px rgba(46, 93, 58, 0.20);

  --bg:                #FAF7EE;
  --text:              #1C2B1E;
  --surface:           #FAF7EE;
  --surface-2:         #F4F1E6;
  --surface-3:         #EDE9D9;
  --border:            rgba(46, 93, 58, 0.18);
  --gl-neutral-border: rgba(46, 93, 58, 0.18);
  --ask-bg:            #FAF7EE;
  --composer-bg:       #FAF7EE;
  --ntl-main:          #FAF7EE;
  --ntl-panel-wrap:    #F4F1E6;
  --ntl-tab-active:    #E5EFD9;
  --ntl-tab-outline:   rgba(46, 93, 58, 0.18);
  --ntl-tab-text:      #5A7A5E;
  --ntl-sep:           rgba(46, 93, 58, 0.12);
  --ntl-title:         #2E5D3A;
  --ntl-chatbox-text:  #1C2B1E;
  --ntl-upload-bg:     #EDE9D9;
  --ntl-upload-text:   #2E5D3A;
  --ntl-dictate:       #5A7A5E;
  --gl-chat-bg:        #F4F1E6;
  --gl-chat-border:    rgba(46, 93, 58, 0.14);
  --gl-chat-text:      #1C2B1E;
  --gl-chat-muted:     #5A7A5E;
  --gl-chat-send:      #5A7A5E;
  --gl-chat-send-ink:  #FAF7EE;
  --text-primary:      #1C2B1E;
  --text-secondary:    #2E5D3A;
  --text-tertiary:     #5A7A5E;
  --chrome-fill:       rgba(46, 93, 58, 0.06);
  --chrome-fill-hover: rgba(46, 93, 58, 0.10);
  --chrome-ink:        rgba(28, 43, 30, 0.82);
  --chrome-ink-hover:  rgba(28, 43, 30, 0.94);
  --chrome-glass:      rgba(250, 247, 238, 0.90);
  --chrome-glass-border: rgba(46, 93, 58, 0.16);
  --chrome-glass-ink:  rgba(28, 43, 30, 0.92);
  --chrome-glass-muted: rgba(46, 93, 58, 0.55);
  --chrome-glass-hover: rgba(46, 93, 58, 0.08);
  --chrome-glass-selected: rgba(46, 93, 58, 0.12);
}

:root,
[data-app-theme="dark"] {
  /* Phase 1 tokens: 54 new */
  --accent-hover-alpha-55     : rgba(25, 118, 210, 0.55);
  --accent-hover-soft-10      : rgba(25, 118, 210, 0.10);
  --accent-hover-soft-14      : rgba(25, 118, 210, 0.14);
  --accent-hover-soft-18      : rgba(25, 118, 210, 0.18);
  --accent-hover-soft-22      : rgba(25, 118, 210, 0.22);
  --accent-hover-soft-28      : rgba(25, 118, 210, 0.28);
  --accent-hover-soft-35      : rgba(25, 118, 210, 0.35);
  --accent-hover-soft-45      : rgba(25, 118, 210, 0.45);
  --accent-primary-alpha-55   : rgba(33, 150, 243, 0.55);
  --accent-primary-deep       : #0D47A1;
  --accent-primary-hover      : #1976D2;
  --accent-primary-light      : #42A5F5;
  --accent-primary-lighter    : #64B5F6;
  --accent-primary-soft-08    : rgba(33, 150, 243, 0.08);
  --accent-primary-soft-10    : rgba(33, 150, 243, 0.10);
  --accent-primary-soft-12    : rgba(33, 150, 243, 0.12);
  --accent-primary-soft-14    : rgba(33, 150, 243, 0.14);
  --accent-primary-soft-15    : rgba(33, 150, 243, 0.15);
  --accent-primary-soft-18    : rgba(33, 150, 243, 0.18);
  --accent-primary-soft-28    : rgba(33, 150, 243, 0.28);
  --accent-primary-soft-35    : rgba(33, 150, 243, 0.35);
  --accent-primary-wash       : #E3F2FD;
  --bg-elev-1                 : #232525;
  --bg-elev-2                 : #1D1D1F;
  --border-card-light         : #E5E5E5;
  --border-card-light-alpha   : rgba(15, 23, 42, 0.06);
  --border-strong-alpha       : rgba(255, 255, 255, 0.18);
  --fg-faint                  : #8A8A8A;
  --fg-faint-alpha            : rgba(255, 255, 255, 0.45);
  --fg-inverse                : #FFF;
  --fg-inverse-strong         : rgba(255, 255, 255, 0.92);
  --fg-muted-alpha            : rgba(255, 255, 255, 0.55);
  --fg-muted-light            : #6B7280;
  --fg-muted-light-alpha      : rgba(60, 64, 67, 0.10);
  --fg-primary-alpha          : rgba(255, 255, 255, 0.85);
  --fg-primary-light          : #333;
  --fg-secondary-alpha        : rgba(255, 255, 255, 0.78);
  --fg-secondary-light-alpha  : rgba(60, 64, 67, 0.55);
  --overlay-k-06              : rgba(0, 0, 0, 0.06);
  --overlay-w-02              : rgba(255, 255, 255, 0.02);
  --overlay-w-03              : rgba(255, 255, 255, 0.03);
  --overlay-w-04              : rgba(255, 255, 255, 0.04);
  --overlay-w-05              : rgba(255, 255, 255, 0.05);
  --overlay-w-07              : rgba(255, 255, 255, 0.07);
  --overlay-w-08              : rgba(255, 255, 255, 0.08);
  --overlay-w-12              : rgba(255, 255, 255, 0.12);
  --shadow-alpha-35           : rgba(0, 0, 0, 0.35);
  --shadow-alpha-45           : rgba(0, 0, 0, 0.45);
  --shadow-alpha-50           : rgba(0, 0, 0, 0.5);
  --shadow-alpha-55           : rgba(0, 0, 0, 0.55);
  --status-danger             : #C62828;
  --status-danger-soft        : #EF5350;
  --status-success            : #4CAF50;
  --status-success-deep       : #2E7D32;
}

[data-app-theme="light"] {
  --accent-hover-soft-10      : rgba(25, 118, 210, 0.08);
  --accent-hover-soft-14      : rgba(25, 118, 210, 0.12);
  --accent-hover-soft-18      : rgba(25, 118, 210, 0.14);
  --accent-hover-soft-22      : rgba(25, 118, 210, 0.18);
  --accent-hover-soft-28      : rgba(25, 118, 210, 0.14);
  --accent-hover-soft-35      : rgba(25, 118, 210, 0.20);
  --accent-hover-soft-45      : rgba(25, 118, 210, 0.28);
  --accent-primary-wash       : #E3F2FD;
  --bg-elev-1                 : #FAFAFA;
  --bg-elev-2                 : #F5F5F5;
  --border-card-light-alpha   : rgba(15, 23, 42, 0.06);
  --border-strong-alpha       : rgba(0, 0, 0, 0.18);
  --fg-faint                  : #9AA0A6;
  --fg-faint-alpha            : rgba(60, 64, 67, 0.40);
  --fg-inverse                : #191A1A;
  --fg-inverse-strong         : rgba(25, 26, 26, 0.92);
  --fg-muted-alpha            : rgba(60, 64, 67, 0.55);
  --fg-muted-light            : #6B7280;
  --fg-primary-alpha          : rgba(15, 23, 42, 0.85);
  --fg-primary-light          : #0F172A;
  --fg-secondary-alpha        : rgba(15, 23, 42, 0.70);
  --overlay-w-02              : rgba(0, 0, 0, 0.02);
  --overlay-w-03              : rgba(0, 0, 0, 0.03);
  --overlay-w-04              : rgba(0, 0, 0, 0.04);
  --overlay-w-05              : rgba(0, 0, 0, 0.05);
  --overlay-w-07              : rgba(0, 0, 0, 0.07);
  --overlay-w-08              : rgba(0, 0, 0, 0.08);
  --overlay-w-12              : rgba(0, 0, 0, 0.12);
  --shadow-alpha-35           : rgba(0, 0, 0, 0.10);
  --shadow-alpha-45           : rgba(0, 0, 0, 0.14);
  --shadow-alpha-50           : rgba(0, 0, 0, 0.16);
  --shadow-alpha-55           : rgba(0, 0, 0, 0.20);
}

[data-app-theme="og"] {
  --bg-elev-1                 : #EDE9D9;
  --bg-elev-2                 : #F4F1E6;
  --border-card-light-alpha   : rgba(46, 93, 58, 0.10);
  --border-strong-alpha       : rgba(46, 93, 58, 0.24);
  --fg-faint                  : #7A9A7E;
  --fg-faint-alpha            : rgba(46, 93, 58, 0.40);
  --fg-inverse                : #1C2B1E;
  --fg-inverse-strong         : rgba(28, 43, 30, 0.92);
  --fg-muted-alpha            : rgba(46, 93, 58, 0.55);
  --fg-primary-alpha          : rgba(28, 43, 30, 0.85);
  --fg-secondary-alpha        : rgba(28, 43, 30, 0.70);
  --overlay-w-02              : rgba(46, 93, 58, 0.02);
  --overlay-w-03              : rgba(46, 93, 58, 0.03);
  --overlay-w-04              : rgba(46, 93, 58, 0.04);
  --overlay-w-05              : rgba(46, 93, 58, 0.05);
  --overlay-w-07              : rgba(46, 93, 58, 0.07);
  --overlay-w-08              : rgba(46, 93, 58, 0.08);
  --overlay-w-12              : rgba(46, 93, 58, 0.12);
  --shadow-alpha-35           : rgba(46, 93, 58, 0.10);
  --shadow-alpha-45           : rgba(46, 93, 58, 0.14);
  --shadow-alpha-50           : rgba(46, 93, 58, 0.16);
  --shadow-alpha-55           : rgba(46, 93, 58, 0.20);
}

:root,
[data-app-theme="dark"] {
  /* Phase 2b tokens: 22 new */
  --brand-blue-pure           : #2196F3;
  --brand-blue-hover-pure     : #1E88E5;
  --accent-slate-deep         : #1E293B;
  --accent-slate-darkest      : #0F172A;
  --surface-charcoal          : #2A2A2A;
  --surface-charcoal-deep     : #191A1A;
  --surface-charcoal-warm     : #1E1D1C;
  --fg-muted-warm             : #B8B8B8;
  --fg-muted-cool             : #B5B7BE;
  --fg-faint-warm             : #8F8E8C;
  --fg-faint-cool             : #8A8F9C;
  --fg-faint-google           : #9AA0A6;
  --fg-faint-slate            : #8A929E;
  --fg-muted-warm-light       : #C5C5C4;
  --fg-primary-warm           : #EAEBEC;
  --fg-primary-cream          : #E8E7E5;
  --fg-primary-ice            : #F5F5F7;
  --fg-secondary-warm         : #D5D4D4;
  --border-overlay-10         : rgba(255, 255, 255, 0.10);
  --border-strong-warm        : #3A3A3A;
  --border-strong-warmer      : #393836;
  --border-card-warm          : #E5E7EB;
}

[data-app-theme="light"] {
  --brand-blue-pure           : #1976D2;
  --brand-blue-hover-pure     : #1565C0;
  --accent-slate-deep         : #1E293B;
  --accent-slate-darkest      : #0F172A;
  --surface-charcoal          : #F1F0EC;
  --surface-charcoal-deep     : #EDECE8;
  --surface-charcoal-warm     : #EFEEE9;
  --fg-muted-warm             : #5F5E5C;
  --fg-muted-cool             : #5C5F65;
  --fg-faint-warm             : #7A7876;
  --fg-faint-cool             : #6B7280;
  --fg-faint-google           : #5F6368;
  --fg-faint-slate            : #64748B;
  --fg-muted-warm-light       : #6E6D6A;
  --fg-primary-warm           : #191A1A;
  --fg-primary-cream          : #1A1A19;
  --fg-primary-ice            : #0F172A;
  --fg-secondary-warm         : #3C4043;
  --border-overlay-10         : rgba(15, 23, 42, 0.10);
  --border-strong-warm        : #D4D3CE;
  --border-strong-warmer      : #D3D2CD;
  --border-card-warm          : #E5E7EB;
}

[data-app-theme="og"] {
  --brand-blue-pure           : #1976D2;
  --brand-blue-hover-pure     : #1565C0;
  --accent-slate-deep         : #1E293B;
  --accent-slate-darkest      : #0F172A;
  --surface-charcoal          : #EFEBD8;
  --surface-charcoal-deep     : #E8E4D2;
  --surface-charcoal-warm     : #E9E5D3;
  --fg-muted-warm             : #5A6155;
  --fg-muted-cool             : #565D51;
  --fg-faint-warm             : #75797A;
  --fg-faint-cool             : #697068;
  --fg-faint-google           : #5F6660;
  --fg-faint-slate            : #5F6763;
  --fg-muted-warm-light       : #6A6E63;
  --fg-primary-warm           : #1C2B1E;
  --fg-primary-cream          : #1F2C1F;
  --fg-primary-ice            : #1C2B1E;
  --fg-secondary-warm         : #374536;
  --border-overlay-10         : rgba(46, 93, 58, 0.14);
  --border-strong-warm        : #CCC7B4;
  --border-strong-warmer      : #CBC6B3;
  --border-card-warm          : #D9D4C0;
}

:root {
  --st-gave-pitch:     #2196F3;
  --st-call-back:      #F59E0B;
  --st-made-sale:      #10B981;
  --st-not-interested: #EF4444;
  --st-not-home:       #6B7280;
  --gl-hold-gold-fg:   #F0C572;
  --gl-hold-gold-bg:   rgba(229, 168, 61, 0.14);
  --gl-hold-gold-bg2:  rgba(229, 168, 61, 0.09);
  --text-primary: #f0f2f5;
  --text-secondary: #b0b8c4;
  --text-tertiary: #8b95a3;
}

body { --sidebar-w: 280px; }