:root {
  --et-accent: #0855C4;
  --et-accent-rgb: 8, 85, 196;
  --et-accent-hover: #1B5299;
  --et-accent-active: #123F80;
  --et-accent-bright: #0077EE;
  --et-accent-tint: #EDF4FF;
  --et-accent-tint-strong: #E1ECFC;
  --et-accent-border: #BED2EF;
  --et-ring: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--et-accent);
  --et-focus: 2px solid var(--et-accent);

  --et-f1: #FFFFFF; --et-f2: #F7F9FB; --et-f2-5: #EDF1F5; --et-f3: #E8EDF2; --et-f4: #E1E7EE;
  --et-f5: #CDD5DF; --et-f6: #BDC7D3; --et-f7: #98A4B3; --et-f8: #647081; --et-f9: #333333;

  --et-text: #17212F;
  --et-text-2: #344054;
  --et-text-3: #647081;
  --et-text-off: #98A2B3;
  --et-line: #E7EBF0;
  --et-line-strong: #CDD5DF;
  --et-surface: #FFFFFF;
  --et-surface-2: #F7F9FB;
  --et-surface-3: #EEF2F6;
  --et-row-alt: #FAFBFD;
  --et-row-hover: #F0F4F9;
  --et-row-active: #EAF2FF;
  --et-totals-bg: #F3F6FA;
  --et-totals-rule: #CCD8E6;
  --et-totals-ink: #253B55;

  --et-ok: #0B7A75; --et-ok-soft: #EAF8F7;
  --et-pos-ink: #008E89; --et-pos-text: var(--et-ok); --et-pos-fill: var(--et-ok-soft);
  --et-neg-ink: #D81159; --et-neg-text: #B80E4C; --et-neg-fill: #FCE8F0;
  --et-danger: #B42318; --et-danger-soft: #FEF3F2;
  --et-warning: #B54708; --et-warning-soft: #FFF8EF;
  --et-warn-ink: #FBB13C; --et-warn-text: #7A4F00; --et-warn-fill: #FFF4D6;
  --et-band-0: #EEF2FF; --et-band-1: #E6F7F1; --et-band-2: #FDECEF;
  --et-band-3: #FDF4E3; --et-band-4: #F1ECFD; --et-band-5: #E6F6FB;

  --et-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --et-mono: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --et-fs-xs: 10.5px; --et-fs-sm: 11px; --et-fs-base: 12px; --et-fs-md: 13px;
  --et-fs-lg: 14px; --et-fs-title: 15px;

  --et-r-sm: 4px; --et-r-ctl: 6px; --et-r-pop: 8px; --et-r-card: 6px; --et-r-lg: 8px;
  --et-r-pill: 999px;
  --et-inset: 2px;
  --et-r-nested: calc(var(--et-r-ctl) - var(--et-inset));
  --et-r-nested-bordered: calc(var(--et-r-ctl) - var(--et-inset) - 1px);
  --et-r-around: calc(var(--et-r-ctl) + var(--et-inset) + 1px);
  --et-h-sm: 24px; --et-h-md: 28px; --et-h-lg: 30px; --et-row: 32px;
  --et-sp-1: 4px; --et-sp-2: 8px; --et-sp-3: 12px; --et-sp-4: 16px;

  --et-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --et-shadow-md: 0 8px 24px rgba(16, 24, 40, 0.12);
  --et-shadow-lg: 0 16px 48px rgba(26, 44, 67, 0.11), 0 2px 8px rgba(26, 44, 67, 0.05);
  --et-shadow-thumb: 0 1px 2px rgba(16, 24, 40, 0.2);
  --et-shadow-edge: 4px 0 8px -4px rgba(16, 24, 40, 0.14);

  --et-dur-fast: 90ms; --et-dur: 160ms; --et-dur-slow: 220ms;
  --et-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --et-ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);

  --et-tip-bg: #1F2933; --et-tip-fg: #FFFFFF;

  /* Table and settings surfaces share these roles. Keep the default palette exact. */
  --et-app-bg: #F4F5F7;
  --et-header-ink: #253345;
  --et-selected-bg: #EEF1F5;
  --et-table-line: #E9EDF2;
  --et-group-border: #D0D5DD;
  --et-group-hierarchy-border: #D3DAE5;
  --et-group-bg: #F2F4F7;
  --et-column-group-bg: #F3F4F6;
  --et-group-bg-1: #ECEFF4;
  --et-group-bg-2: #E6EAF0;
  --et-group-hierarchy-bg: #F8FAFC;
  --et-group-hierarchy-open: #F5F8FC;
  --et-group-hierarchy-nested: #FBFCFE;
  --et-group-field-ink: #64748B;
  --et-workspace-bg: #FCFCFD;
  --et-mode-switch-bg: #F0F1F3;
  --et-mode-switch-ink: #18181B;
  --et-totals-legacy-bg: #EEF3FB;
  --et-warning-border: #F5D9A8;
  --et-settings-border: #D9E1EB;
}

/* A named default lets an explicit viewer choice differ from “follow author”. */
:root[data-et-theme="classic-blue"] { color-scheme: light; }

:root[data-et-theme="calm-slate"] {
  color-scheme: light;
  --et-accent: #405A74;
  --et-accent-rgb: 64, 90, 116;
  --et-accent-hover: #30465F;
  --et-accent-active: #24384F;
  --et-accent-bright: #405A74;
  --et-accent-tint: #EDF2F5;
  --et-accent-tint-strong: #DFE8ED;
  --et-accent-border: #A8BAC9;
  --et-f1: #FFFFFF; --et-f2: #F7F9FA; --et-f2-5: #EDF1F3; --et-f3: #E7EBEE; --et-f4: #DEE5E9;
  --et-f5: #C9D3DA; --et-f6: #B8C5CE; --et-f7: #91A0AB; --et-f8: #5C6C78; --et-f9: #26333D;
  --et-text: #1C2934; --et-text-2: #344653; --et-text-3: #566978; --et-text-off: #8796A2;
  --et-line: #E2E8EC; --et-line-strong: #B9C8D1;
  --et-surface: #FFFFFF; --et-surface-2: #F7F9FA; --et-surface-3: #EEF2F4;
  --et-row-alt: #FAFBFC; --et-row-hover: #EEF3F5; --et-row-active: #E5EDF3;
  --et-totals-bg: #EFF3F5; --et-totals-rule: #AABEC9; --et-totals-ink: #294459;
  --et-app-bg: #F2F5F6; --et-header-ink: #2A3B48; --et-selected-bg: #E8EFF3;
  --et-table-line: #E4E9ED; --et-group-border: #B9C8D1;
  --et-group-bg: #EDF2F4; --et-column-group-bg: #EDF2F4; --et-group-bg-1: #E8EFF2; --et-group-bg-2: #E3EBEE;
  --et-group-hierarchy-border: #B9C8D1;
  --et-group-hierarchy-bg: #F4F7F8; --et-group-hierarchy-open: #EEF3F5; --et-group-hierarchy-nested: #FAFBFC;
  --et-group-field-ink: #566978; --et-workspace-bg: #FAFBFC;
  --et-mode-switch-bg: #ECF1F3; --et-mode-switch-ink: #1C2934;
  --et-totals-legacy-bg: #EFF3F5; --et-settings-border: #C9D3DA;
  --et-band-0: #EAF0F7; --et-band-1: #E8F4F1; --et-band-2: #F5EBF0;
  --et-band-3: #F6F0E3; --et-band-4: #EDEBF5; --et-band-5: #E8F2F5;
}

:root[data-et-theme="ocean"] {
  color-scheme: light;
  --et-accent: #086B78;
  --et-accent-rgb: 8, 107, 120;
  --et-accent-hover: #075864;
  --et-accent-active: #054853;
  --et-accent-bright: #086B78;
  --et-accent-tint: #E8F5F5;
  --et-accent-tint-strong: #D5EAEC;
  --et-accent-border: #A1CFD3;
  --et-f1: #FFFFFF; --et-f2: #F4FAFA; --et-f2-5: #EAF3F4; --et-f3: #DDEBED; --et-f4: #D5E5E8;
  --et-f5: #BFD4D8; --et-f6: #A9C5CB; --et-f7: #83A7AD; --et-f8: #55767C; --et-f9: #1E3840;
  --et-text: #183038; --et-text-2: #30515A; --et-text-3: #53717A; --et-text-off: #85A1A7;
  --et-line: #DDEBED; --et-line-strong: #AECBD0;
  --et-surface: #FFFFFF; --et-surface-2: #F3FAFA; --et-surface-3: #E9F3F4;
  --et-row-alt: #F9FCFC; --et-row-hover: #EAF6F6; --et-row-active: #DFF1F2;
  --et-totals-bg: #EAF5F5; --et-totals-rule: #9EC8CE; --et-totals-ink: #174F5A;
  --et-app-bg: #EFF7F7; --et-header-ink: #20424A; --et-selected-bg: #E0F0F1;
  --et-table-line: #DFECEE; --et-group-border: #AACBD0;
  --et-group-bg: #EAF4F5; --et-column-group-bg: #EAF4F5; --et-group-bg-1: #E1EFF1; --et-group-bg-2: #D9E9EC;
  --et-group-hierarchy-border: #AACBD0;
  --et-group-hierarchy-bg: #F1F9F9; --et-group-hierarchy-open: #E8F4F5; --et-group-hierarchy-nested: #F8FCFC;
  --et-group-field-ink: #53717A; --et-workspace-bg: #FAFDFD;
  --et-mode-switch-bg: #E7F1F2; --et-mode-switch-ink: #183038;
  --et-totals-legacy-bg: #EAF5F5; --et-settings-border: #BCD7DB;
  --et-band-0: #E3F2F4; --et-band-1: #EAF5EC; --et-band-2: #F9ECF0;
  --et-band-3: #F8F2E3; --et-band-4: #F0EDF8; --et-band-5: #E8F4F7;
}

:root[data-et-theme="warm-paper"] {
  color-scheme: light;
  --et-accent: #825022;
  --et-accent-rgb: 130, 80, 34;
  --et-accent-hover: #6B411D;
  --et-accent-active: #533216;
  --et-accent-bright: #825022;
  --et-accent-tint: #FBF0E1;
  --et-accent-tint-strong: #F3E2CA;
  --et-accent-border: #D8BC95;
  --et-f1: #FFFEFB; --et-f2: #FAF7F0; --et-f2-5: #F4EFE5; --et-f3: #EEE7DA; --et-f4: #E8DECE;
  --et-f5: #D9CCB9; --et-f6: #CBBBA4; --et-f7: #A99880; --et-f8: #756956; --et-f9: #342E26;
  --et-text: #302B24; --et-text-2: #4C4134; --et-text-3: #6D6252; --et-text-off: #9D907E;
  --et-line: #EAE3D7; --et-line-strong: #D3C4AD;
  --et-surface: #FFFEFB; --et-surface-2: #FAF7F0; --et-surface-3: #F3EDE2;
  --et-row-alt: #FCFAF5; --et-row-hover: #F6EFE3; --et-row-active: #F2E6D3;
  --et-totals-bg: #F5EDE0; --et-totals-rule: #D2BB9D; --et-totals-ink: #69471F;
  --et-app-bg: #F7F3EA; --et-header-ink: #3E3327; --et-selected-bg: #F0E5D2;
  --et-table-line: #EAE2D5; --et-group-border: #D4C4AC;
  --et-group-bg: #F6F0E5; --et-column-group-bg: #F6F0E5; --et-group-bg-1: #F1E9DB; --et-group-bg-2: #ECE1D0;
  --et-group-hierarchy-border: #D4C4AC;
  --et-group-hierarchy-bg: #FAF6EE; --et-group-hierarchy-open: #F5EEE2; --et-group-hierarchy-nested: #FDFBF7;
  --et-group-field-ink: #6D6252; --et-workspace-bg: #FEFCF8;
  --et-mode-switch-bg: #F1EADD; --et-mode-switch-ink: #302B24;
  --et-totals-legacy-bg: #F5EDE0; --et-warning-border: #E1C398; --et-settings-border: #D9CCB9;
  --et-band-0: #F5EBDA; --et-band-1: #EAF1E9; --et-band-2: #F8EDEC;
  --et-band-3: #F7F0E0; --et-band-4: #F0ECF5; --et-band-5: #ECF2F1;
}

:root[data-et-theme="high-contrast"] {
  color-scheme: light;
  --et-accent: #003FA8;
  --et-accent-rgb: 0, 63, 168;
  --et-accent-hover: #002E83;
  --et-accent-active: #002365;
  --et-accent-bright: #003FA8;
  --et-accent-tint: #E6EEFF;
  --et-accent-tint-strong: #D6E3FF;
  --et-accent-border: #3964B5;
  --et-ring: 0 0 0 2px #FFFFFF, 0 0 0 5px var(--et-accent);
  --et-focus: 3px solid var(--et-accent);
  --et-f1: #FFFFFF; --et-f2: #F5F7FA; --et-f2-5: #E8ECF3; --et-f3: #D7DEE8; --et-f4: #CCD5E1;
  --et-f5: #AEBCCC; --et-f6: #899BAC; --et-f7: #697D90; --et-f8: #435669; --et-f9: #101B2A;
  --et-text: #101B2A; --et-text-2: #26394D; --et-text-3: #405468; --et-text-off: #697D90;
  --et-line: #A6B4C4; --et-line-strong: #71849A;
  --et-surface: #FFFFFF; --et-surface-2: #F5F7FA; --et-surface-3: #E6ECF3;
  --et-row-alt: #F6F8FB; --et-row-hover: #E2EAF6; --et-row-active: #D4E1FA;
  --et-totals-bg: #E6EEFF; --et-totals-rule: #5072AA; --et-totals-ink: #18386C;
  --et-app-bg: #F1F4F8; --et-header-ink: #0D1C30; --et-selected-bg: #D5E2F9;
  --et-table-line: #AEBCCC; --et-group-border: #71849A;
  --et-group-bg: #E7EDF5; --et-column-group-bg: #E7EDF5; --et-group-bg-1: #DFE7F1; --et-group-bg-2: #D6E1ED;
  --et-group-hierarchy-border: #71849A;
  --et-group-hierarchy-bg: #F0F4F9; --et-group-hierarchy-open: #E3EBF6; --et-group-hierarchy-nested: #F8FAFC;
  --et-group-field-ink: #405468; --et-workspace-bg: #FFFFFF;
  --et-mode-switch-bg: #E6EBF2; --et-mode-switch-ink: #101B2A;
  --et-totals-legacy-bg: #E6EEFF; --et-settings-border: #899BAC;
  --et-ok: #00635F; --et-pos-ink: #00635F; --et-pos-text: #00635F;
  --et-neg-ink: #A70D45; --et-neg-text: #A70D45;
  --et-band-0: #DDE7FF; --et-band-1: #E1F2E8; --et-band-2: #F9E1E9;
  --et-band-3: #F9EFDB; --et-band-4: #EBE2FA; --et-band-5: #DEF0F5;
}