/* Glaux light theme "Dawn" (docs/M16_SPEC.md D2). GENERATED by brand/dawn.py: edit the values there.
   Load after tokens.css and glx.css. Applies when <html data-theme="light">, or data-theme="system" and
   the OS prefers light. Dark stays the default (tokens.css). Contrast and CVD checks: brand/dawn.py. */

:root { --glx-color-ember-deep: var(--glx-color-ember); }  /* dark: the accent text is Ember itself */

:root[data-theme="light"] {
  color-scheme: light;
  /* surfaces and text */
  --glx-text-primary: #0E0E10;
  --glx-text-secondary: #5C564E;
  --glx-text-disabled: #8C857B;
  --glx-color-ember-deep: #B4400F;
  --glx-text-link: #B4400F;
  --glx-color-ember-soft: rgba(255, 107, 61, 0.14);
  --glx-color-ember-line: rgba(180, 64, 15, 0.42);
  --glx-color-smoke: #E3DBCE;
  --glx-color-stone: #5C564E;
  --glx-color-stone-dim: #8C857B;
  --glx-line: #DDD4C6;
  --glx-line-soft: rgba(14, 14, 16, 0.06);
  --glx-line-strong: rgba(14, 14, 16, 0.18);
  /* data (darker shades: 4.5:1 on every light surface; Ember is never a data colour) */
  --glx-color-gain: #08704C;
  --glx-color-loss: #C21F3E;
  --glx-color-warning: #8A5A00;
  --glx-color-info: #2D5F9E;
  --glx-color-gain-soft: rgba(8, 112, 76, 0.12);
  --glx-color-loss-soft: rgba(194, 31, 62, 0.1);
  --glx-color-warning-soft: rgba(138, 90, 0, 0.12);
  --glx-color-info-soft: rgba(45, 95, 158, 0.11);
  /* charts (light-surface variants, CVD-checked like the dark ones) */
  --glx-chart-1: #0931AA;
  --glx-chart-2: #8A4C0F;
  --glx-chart-3: #347957;
  --glx-chart-4: #A6599D;
  --glx-chart-5: #0F1F2E;
  --glx-chart-6: #8F9399;
  --glx-chart-candle-up-fill: rgba(8, 112, 76, 0.22);
  --glx-chart-candle-down-fill: rgba(194, 31, 62, 0.85);
  --glx-chart-benchmark-line: #6E675E;
  --glx-chart-area-top: rgba(9, 49, 170, 0.18);
  --glx-chart-area-bottom: rgba(9, 49, 170, 0);
  --glx-chart-drawdown-area: linear-gradient(180deg, rgba(194, 31, 62, 0), rgba(194, 31, 62, 0.16));
  --glx-chart-grid: rgba(14, 14, 16, 0.06);
  --glx-chart-axis: rgba(14, 14, 16, 0.16);
  --glx-chart-crosshair: rgba(14, 14, 16, 0.38);
  --glx-chart-label: #5C564E;
  --glx-chart-heat-0: #ECE5D9;
  --glx-chart-heat-loss-2: rgba(194, 31, 62, 0.72);
  --glx-chart-heat-loss-1: rgba(194, 31, 62, 0.30);
  --glx-chart-heat-gain-1: rgba(11, 122, 83, 0.30);
  --glx-chart-heat-gain-2: rgba(11, 122, 83, 0.72);
  /* glass: light frosted panels */
  --glx-glass-1-bg: rgba(255, 253, 249, 0.70);
  --glx-glass-1-border: rgba(14, 14, 16, 0.08);
  --glx-glass-1-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.75);
  --glx-glass-1-shadow: 0 1px 2px rgba(60, 40, 20, 0.06), 0 10px 30px rgba(60, 40, 20, 0.08);
  --glx-glass-1-fallback: #FBF8F2;
  --glx-glass-2-bg: rgba(255, 253, 249, 0.80);
  --glx-glass-2-border: rgba(14, 14, 16, 0.09);
  --glx-glass-2-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.85);
  --glx-glass-2-shadow: 0 2px 6px rgba(60, 40, 20, 0.07), 0 18px 48px rgba(60, 40, 20, 0.10);
  --glx-glass-2-fallback: #FFFDF9;
  --glx-glass-3-bg: rgba(255, 255, 255, 0.92);
  --glx-glass-3-border: rgba(14, 14, 16, 0.10);
  --glx-glass-3-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --glx-glass-3-shadow: 0 4px 12px rgba(60, 40, 20, 0.10), 0 32px 80px rgba(60, 40, 20, 0.16);
  --glx-glass-3-fallback: #FFFFFF;
  --glx-scrim: rgba(14, 14, 16, 0.32);
  /* background: a pale dawn over Cream */
  --glx-bg-glow-ember: rgba(255, 107, 61, 0.10);
  --glx-bg-glow-moon: rgba(127, 168, 217, 0.16);
  --glx-bg-scene:
    radial-gradient(60% 50% at 82% 4%, var(--glx-bg-glow-ember), transparent 70%),
    radial-gradient(55% 60% at 8% 96%, var(--glx-bg-glow-moon), transparent 70%),
    radial-gradient(40% 35% at 30% 20%, rgba(201, 214, 232, 0.18), transparent 70%),
    #F6F1E9;
  /* shadows and focus */
  --glx-shadow-sm: 0 1px 2px rgba(60, 40, 20, 0.10);
  --glx-shadow-md: 0 8px 24px rgba(60, 40, 20, 0.10);
  --glx-shadow-lg: 0 24px 64px rgba(60, 40, 20, 0.16);
  --glx-focus-ring: 0 0 0 2px #F6F1E9, 0 0 0 4px #B4400F;
}
/* component literals in glx.css that assume a dark background */
:root[data-theme="light"] .glx-btn--secondary { background: rgba(255, 255, 255, 0.6); }
:root[data-theme="light"] .glx-btn--secondary:hover, :root[data-theme="light"] .glx-btn--secondary.is-hover { background: rgba(255, 255, 255, 0.9); border-color: rgba(14, 14, 16, 0.28); }
:root[data-theme="light"] .glx-btn--secondary:active, :root[data-theme="light"] .glx-btn--secondary.is-pressed { background: rgba(14, 14, 16, 0.06); }
:root[data-theme="light"] .glx-btn--tertiary:hover, :root[data-theme="light"] .glx-btn--tertiary.is-hover { background: rgba(14, 14, 16, 0.05); color: #B4400F; }
:root[data-theme="light"] .glx-btn--tertiary:active, :root[data-theme="light"] .glx-btn--tertiary.is-pressed { background: rgba(14, 14, 16, 0.08); }
:root[data-theme="light"] .glx-btn--danger { color: #FFFFFF; }
:root[data-theme="light"] .glx-btn--danger-ghost { color: #C21F3E; border-color: rgba(194, 31, 62, 0.35); }
:root[data-theme="light"] .glx-btn--secondary.is-loading::after, :root[data-theme="light"] .glx-btn--tertiary.is-loading::after { border-color: #0E0E10 #0E0E10 rgba(14, 14, 16, 0.2) rgba(14, 14, 16, 0.2); }
:root[data-theme="light"] .glx-input, :root[data-theme="light"] .glx-select { background: rgba(255, 255, 255, 0.75); }
:root[data-theme="light"] .glx-input.is-hover, :root[data-theme="light"] .glx-select.is-hover { border-color: rgba(14, 14, 16, 0.28); }
:root[data-theme="light"] .glx-input.is-disabled, :root[data-theme="light"] .glx-select.is-disabled { background: rgba(14, 14, 16, 0.03); }
:root[data-theme="light"] .glx-help.is-error, :root[data-theme="light"] .glx-pill--killed, :root[data-theme="light"] .glx-feed__icon--exit { color: #C21F3E; }
:root[data-theme="light"] .glx-toggle { border-color: rgba(14, 14, 16, 0.10); }
:root[data-theme="light"] .glx-toggle::after { background: #FFFFFF; box-shadow: 0 1px 2px rgba(14, 14, 16, 0.25); }
:root[data-theme="light"] .glx-toggle.is-hover { box-shadow: 0 0 0 4px rgba(14, 14, 16, 0.06); }
:root[data-theme="light"] .glx-seg { background: rgba(255, 255, 255, 0.6); }
:root[data-theme="light"] .glx-seg__item.is-hover { background: rgba(14, 14, 16, 0.05); }
:root[data-theme="light"] .glx-seg__item.is-selected, :root[data-theme="light"] .glx-chip.is-selected .n { color: #B4400F; }
:root[data-theme="light"] .glx-chip { background: rgba(255, 255, 255, 0.5); }
:root[data-theme="light"] .glx-chip.is-hover { border-color: rgba(14, 14, 16, 0.28); }
:root[data-theme="light"] .glx-chip.is-selected, :root[data-theme="light"] .glx-nav.is-selected, :root[data-theme="light"] .glx-tabbtn.is-selected, :root[data-theme="light"] .glx-pill--paper { color: var(--glx-text-primary); }
:root[data-theme="light"] .glx-nav.is-selected svg, :root[data-theme="light"] .glx-tabbtn.is-selected svg, :root[data-theme="light"] .glx-table th .sort, :root[data-theme="light"] .glx-step__n, :root[data-theme="light"] .glx-kicker, :root[data-theme="light"] .glx-accent-word { color: #B4400F; }
:root[data-theme="light"] .glx-pill--neutral { background: rgba(14, 14, 16, 0.04); }
:root[data-theme="light"] .glx-mode { background: rgba(255, 255, 255, 0.6); }
:root[data-theme="light"] .glx-trade__entry, :root[data-theme="light"] .glx-meter__mark { background: #0E0E10; }
:root[data-theme="light"] .glx-trade__mark { background: #FFFFFF; border-color: #0E0E10; box-shadow: 0 0 0 3px rgba(14, 14, 16, 0.12); }
:root[data-theme="light"] .glx-table tr.is-hover td, :root[data-theme="light"] .glx-table tr:hover td { background: rgba(14, 14, 16, 0.03); }
:root[data-theme="light"] .glx-table tr.is-child td { background: rgba(14, 14, 16, 0.03); }
:root[data-theme="light"] .glx-table .exp, :root[data-theme="light"] .glx-feed__icon, :root[data-theme="light"] .glx-tab .n, :root[data-theme="light"] .glx-agent__icon { background: rgba(14, 14, 16, 0.05); }
:root[data-theme="light"] .glx-banner--demo { color: #1D3A5F; }
:root[data-theme="light"] .glx-banner--stale { color: #5A3B00; }
:root[data-theme="light"] .glx-dialog__summary { background: rgba(14, 14, 16, 0.03); }
:root[data-theme="light"] .glx-passkey__ring, :root[data-theme="light"] .glx-feed__icon--proposal { color: #B4400F; }
:root[data-theme="light"] .glx-nav.is-hover, :root[data-theme="light"] .glx-nav:hover { background: rgba(14, 14, 16, 0.05); }
:root[data-theme="light"] .glx-sheet__grip { background: rgba(14, 14, 16, 0.22); }
:root[data-theme="light"] .glx-skel { background: linear-gradient(90deg, rgba(14, 14, 16, 0.05) 0%, rgba(14, 14, 16, 0.09) 50%, rgba(14, 14, 16, 0.05) 100%); background-size: 200% 100%; }

@media (prefers-color-scheme: light) {
  :root[data-theme="system"] {
    color-scheme: light;
    /* surfaces and text */
    --glx-text-primary: #0E0E10;
    --glx-text-secondary: #5C564E;
    --glx-text-disabled: #8C857B;
    --glx-color-ember-deep: #B4400F;
    --glx-text-link: #B4400F;
    --glx-color-ember-soft: rgba(255, 107, 61, 0.14);
    --glx-color-ember-line: rgba(180, 64, 15, 0.42);
    --glx-color-smoke: #E3DBCE;
    --glx-color-stone: #5C564E;
    --glx-color-stone-dim: #8C857B;
    --glx-line: #DDD4C6;
    --glx-line-soft: rgba(14, 14, 16, 0.06);
    --glx-line-strong: rgba(14, 14, 16, 0.18);
    /* data (darker shades: 4.5:1 on every light surface; Ember is never a data colour) */
    --glx-color-gain: #08704C;
    --glx-color-loss: #C21F3E;
    --glx-color-warning: #8A5A00;
    --glx-color-info: #2D5F9E;
    --glx-color-gain-soft: rgba(8, 112, 76, 0.12);
    --glx-color-loss-soft: rgba(194, 31, 62, 0.1);
    --glx-color-warning-soft: rgba(138, 90, 0, 0.12);
    --glx-color-info-soft: rgba(45, 95, 158, 0.11);
    /* charts (light-surface variants, CVD-checked like the dark ones) */
    --glx-chart-1: #0931AA;
    --glx-chart-2: #8A4C0F;
    --glx-chart-3: #347957;
    --glx-chart-4: #A6599D;
    --glx-chart-5: #0F1F2E;
    --glx-chart-6: #8F9399;
    --glx-chart-candle-up-fill: rgba(8, 112, 76, 0.22);
    --glx-chart-candle-down-fill: rgba(194, 31, 62, 0.85);
    --glx-chart-benchmark-line: #6E675E;
    --glx-chart-area-top: rgba(9, 49, 170, 0.18);
    --glx-chart-area-bottom: rgba(9, 49, 170, 0);
    --glx-chart-drawdown-area: linear-gradient(180deg, rgba(194, 31, 62, 0), rgba(194, 31, 62, 0.16));
    --glx-chart-grid: rgba(14, 14, 16, 0.06);
    --glx-chart-axis: rgba(14, 14, 16, 0.16);
    --glx-chart-crosshair: rgba(14, 14, 16, 0.38);
    --glx-chart-label: #5C564E;
    --glx-chart-heat-0: #ECE5D9;
    --glx-chart-heat-loss-2: rgba(194, 31, 62, 0.72);
    --glx-chart-heat-loss-1: rgba(194, 31, 62, 0.30);
    --glx-chart-heat-gain-1: rgba(11, 122, 83, 0.30);
    --glx-chart-heat-gain-2: rgba(11, 122, 83, 0.72);
    /* glass: light frosted panels */
    --glx-glass-1-bg: rgba(255, 253, 249, 0.70);
    --glx-glass-1-border: rgba(14, 14, 16, 0.08);
    --glx-glass-1-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.75);
    --glx-glass-1-shadow: 0 1px 2px rgba(60, 40, 20, 0.06), 0 10px 30px rgba(60, 40, 20, 0.08);
    --glx-glass-1-fallback: #FBF8F2;
    --glx-glass-2-bg: rgba(255, 253, 249, 0.80);
    --glx-glass-2-border: rgba(14, 14, 16, 0.09);
    --glx-glass-2-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.85);
    --glx-glass-2-shadow: 0 2px 6px rgba(60, 40, 20, 0.07), 0 18px 48px rgba(60, 40, 20, 0.10);
    --glx-glass-2-fallback: #FFFDF9;
    --glx-glass-3-bg: rgba(255, 255, 255, 0.92);
    --glx-glass-3-border: rgba(14, 14, 16, 0.10);
    --glx-glass-3-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    --glx-glass-3-shadow: 0 4px 12px rgba(60, 40, 20, 0.10), 0 32px 80px rgba(60, 40, 20, 0.16);
    --glx-glass-3-fallback: #FFFFFF;
    --glx-scrim: rgba(14, 14, 16, 0.32);
    /* background: a pale dawn over Cream */
    --glx-bg-glow-ember: rgba(255, 107, 61, 0.10);
    --glx-bg-glow-moon: rgba(127, 168, 217, 0.16);
    --glx-bg-scene:
      radial-gradient(60% 50% at 82% 4%, var(--glx-bg-glow-ember), transparent 70%),
      radial-gradient(55% 60% at 8% 96%, var(--glx-bg-glow-moon), transparent 70%),
      radial-gradient(40% 35% at 30% 20%, rgba(201, 214, 232, 0.18), transparent 70%),
      #F6F1E9;
    /* shadows and focus */
    --glx-shadow-sm: 0 1px 2px rgba(60, 40, 20, 0.10);
    --glx-shadow-md: 0 8px 24px rgba(60, 40, 20, 0.10);
    --glx-shadow-lg: 0 24px 64px rgba(60, 40, 20, 0.16);
    --glx-focus-ring: 0 0 0 2px #F6F1E9, 0 0 0 4px #B4400F;
  }
  /* component literals in glx.css that assume a dark background */
  :root[data-theme="system"] .glx-btn--secondary { background: rgba(255, 255, 255, 0.6); }
  :root[data-theme="system"] .glx-btn--secondary:hover, :root[data-theme="system"] .glx-btn--secondary.is-hover { background: rgba(255, 255, 255, 0.9); border-color: rgba(14, 14, 16, 0.28); }
  :root[data-theme="system"] .glx-btn--secondary:active, :root[data-theme="system"] .glx-btn--secondary.is-pressed { background: rgba(14, 14, 16, 0.06); }
  :root[data-theme="system"] .glx-btn--tertiary:hover, :root[data-theme="system"] .glx-btn--tertiary.is-hover { background: rgba(14, 14, 16, 0.05); color: #B4400F; }
  :root[data-theme="system"] .glx-btn--tertiary:active, :root[data-theme="system"] .glx-btn--tertiary.is-pressed { background: rgba(14, 14, 16, 0.08); }
  :root[data-theme="system"] .glx-btn--danger { color: #FFFFFF; }
  :root[data-theme="system"] .glx-btn--danger-ghost { color: #C21F3E; border-color: rgba(194, 31, 62, 0.35); }
  :root[data-theme="system"] .glx-btn--secondary.is-loading::after, :root[data-theme="system"] .glx-btn--tertiary.is-loading::after { border-color: #0E0E10 #0E0E10 rgba(14, 14, 16, 0.2) rgba(14, 14, 16, 0.2); }
  :root[data-theme="system"] .glx-input, :root[data-theme="system"] .glx-select { background: rgba(255, 255, 255, 0.75); }
  :root[data-theme="system"] .glx-input.is-hover, :root[data-theme="system"] .glx-select.is-hover { border-color: rgba(14, 14, 16, 0.28); }
  :root[data-theme="system"] .glx-input.is-disabled, :root[data-theme="system"] .glx-select.is-disabled { background: rgba(14, 14, 16, 0.03); }
  :root[data-theme="system"] .glx-help.is-error, :root[data-theme="system"] .glx-pill--killed, :root[data-theme="system"] .glx-feed__icon--exit { color: #C21F3E; }
  :root[data-theme="system"] .glx-toggle { border-color: rgba(14, 14, 16, 0.10); }
  :root[data-theme="system"] .glx-toggle::after { background: #FFFFFF; box-shadow: 0 1px 2px rgba(14, 14, 16, 0.25); }
  :root[data-theme="system"] .glx-toggle.is-hover { box-shadow: 0 0 0 4px rgba(14, 14, 16, 0.06); }
  :root[data-theme="system"] .glx-seg { background: rgba(255, 255, 255, 0.6); }
  :root[data-theme="system"] .glx-seg__item.is-hover { background: rgba(14, 14, 16, 0.05); }
  :root[data-theme="system"] .glx-seg__item.is-selected, :root[data-theme="system"] .glx-chip.is-selected .n { color: #B4400F; }
  :root[data-theme="system"] .glx-chip { background: rgba(255, 255, 255, 0.5); }
  :root[data-theme="system"] .glx-chip.is-hover { border-color: rgba(14, 14, 16, 0.28); }
  :root[data-theme="system"] .glx-chip.is-selected, :root[data-theme="system"] .glx-nav.is-selected, :root[data-theme="system"] .glx-tabbtn.is-selected, :root[data-theme="system"] .glx-pill--paper { color: var(--glx-text-primary); }
  :root[data-theme="system"] .glx-nav.is-selected svg, :root[data-theme="system"] .glx-tabbtn.is-selected svg, :root[data-theme="system"] .glx-table th .sort, :root[data-theme="system"] .glx-step__n, :root[data-theme="system"] .glx-kicker, :root[data-theme="system"] .glx-accent-word { color: #B4400F; }
  :root[data-theme="system"] .glx-pill--neutral { background: rgba(14, 14, 16, 0.04); }
  :root[data-theme="system"] .glx-mode { background: rgba(255, 255, 255, 0.6); }
  :root[data-theme="system"] .glx-trade__entry, :root[data-theme="system"] .glx-meter__mark { background: #0E0E10; }
  :root[data-theme="system"] .glx-trade__mark { background: #FFFFFF; border-color: #0E0E10; box-shadow: 0 0 0 3px rgba(14, 14, 16, 0.12); }
  :root[data-theme="system"] .glx-table tr.is-hover td, :root[data-theme="system"] .glx-table tr:hover td { background: rgba(14, 14, 16, 0.03); }
  :root[data-theme="system"] .glx-table tr.is-child td { background: rgba(14, 14, 16, 0.03); }
  :root[data-theme="system"] .glx-table .exp, :root[data-theme="system"] .glx-feed__icon, :root[data-theme="system"] .glx-tab .n, :root[data-theme="system"] .glx-agent__icon { background: rgba(14, 14, 16, 0.05); }
  :root[data-theme="system"] .glx-banner--demo { color: #1D3A5F; }
  :root[data-theme="system"] .glx-banner--stale { color: #5A3B00; }
  :root[data-theme="system"] .glx-dialog__summary { background: rgba(14, 14, 16, 0.03); }
  :root[data-theme="system"] .glx-passkey__ring, :root[data-theme="system"] .glx-feed__icon--proposal { color: #B4400F; }
  :root[data-theme="system"] .glx-nav.is-hover, :root[data-theme="system"] .glx-nav:hover { background: rgba(14, 14, 16, 0.05); }
  :root[data-theme="system"] .glx-sheet__grip { background: rgba(14, 14, 16, 0.22); }
  :root[data-theme="system"] .glx-skel { background: linear-gradient(90deg, rgba(14, 14, 16, 0.05) 0%, rgba(14, 14, 16, 0.09) 50%, rgba(14, 14, 16, 0.05) 100%); background-size: 200% 100%; }
}

/* logo variants: the -dark SVGs on dark, the -light SVGs on light (masters, never recoloured) */
.glx-on-light { display: none !important; }
:root[data-theme="light"] .glx-on-dark { display: none !important; }
:root[data-theme="light"] .glx-on-light { display: revert !important; }
@media (prefers-color-scheme: light) {
  :root[data-theme="system"] .glx-on-dark { display: none !important; }
  :root[data-theme="system"] .glx-on-light { display: revert !important; }
}