:root {
  color-scheme: dark;

  /* Aliases of the SEDTRACKER V2 Client portal palette.
     Sources: css/portal.css, css/global-template.css, css/base.css. */
  --sed-go-color-canvas-top: #34383d;
  --sed-go-color-canvas-bottom: #232629;
  --sed-go-color-header-top: #111315;
  --sed-go-color-header-bottom: #050607;
  --sed-go-color-surface-top: #2a3036;
  --sed-go-color-surface-bottom: #1c2025;
  --sed-go-color-surface-raised-top: #3d4248;
  --sed-go-color-surface-raised-bottom: #2a2e33;
  --sed-go-color-template-pane: #1b1e21;
  --sed-go-color-surface: #1c2025;
  --sed-go-color-surface-inset: rgba(0, 0, 0, 0.25);
  --sed-go-color-surface-raised: #2a3036;
  --sed-go-color-text: #f2f5f8;
  --sed-go-color-text-muted: rgba(242, 245, 248, 0.72);
  --sed-go-color-accent: #59b7de;
  --sed-go-color-accent-mid: #4fb0dc;
  --sed-go-color-accent-deep: #2f83b1;
  --sed-go-color-on-accent: #ffffff;
  --sed-go-color-accent-soft: rgba(89, 183, 222, 0.12);
  --sed-go-color-menu: #16191d;
  --sed-go-color-border: rgba(255, 255, 255, 0.14);
  --sed-go-color-border-strong: rgba(255, 255, 255, 0.16);
  --sed-go-color-template-border: rgba(255, 255, 255, 0.1);
  --sed-go-color-field: rgba(0, 0, 0, 0.25);
  --sed-go-color-required: #f0b4b1;
  --sed-go-color-success: #8ee0b5;
  --sed-go-color-success-surface: rgba(80, 190, 140, 0.16);
  --sed-go-color-warning: #f0c27a;
  --sed-go-color-warning-surface: rgba(224, 162, 58, 0.18);
  --sed-go-color-error: #f0b4b1;
  --sed-go-color-error-surface: rgba(217, 83, 79, 0.32);
  --sed-go-color-overlay: rgba(5, 6, 7, 0.72);

  --sed-go-visual-cellar: radial-gradient(circle at 28% 18%, rgba(255, 196, 120, 0.9), transparent 34%),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0 10px, transparent 10px 22px),
    linear-gradient(180deg, #6a3d22 0%, #1a120e 100%);
  --sed-go-visual-kitchen: radial-gradient(circle at 72% 24%, rgba(255, 244, 220, 0.78), transparent 42%),
    linear-gradient(180deg, #9aa1a3 0%, #2c3338 100%);
  --sed-go-visual-landscape: radial-gradient(circle at 50% 78%, rgba(92, 168, 74, 0.85), transparent 46%),
    linear-gradient(180deg, #8ec4e4 0%, #245c3a 100%);
  --sed-go-visual-sauna: radial-gradient(circle at 50% 36%, rgba(255, 176, 96, 0.8), transparent 46%),
    linear-gradient(180deg, #d0874c 0%, #3a2416 100%);
  --sed-go-visual-cabinetry: radial-gradient(circle at 36% 28%, rgba(255, 236, 210, 0.8), transparent 42%),
    linear-gradient(180deg, #e0cbb0 0%, #5c4a38 100%);
  --sed-go-visual-fallback: linear-gradient(180deg, var(--sed-go-color-surface-raised-top), var(--sed-go-color-surface-bottom));

  --sed-go-font-family: "Segoe UI", sans-serif;
  --sed-go-font-size-xs: 0.75rem;
  --sed-go-font-size-sm: 0.8125rem;
  --sed-go-font-size-md: 0.9375rem;
  --sed-go-font-size-lg: 1.15rem;
  --sed-go-font-size-xl: 1.45rem;
  --sed-go-font-size-display: 1.15rem;
  --sed-go-line-tight: 1.2;
  --sed-go-line-body: 1.45;
  --sed-go-weight-regular: 400;
  --sed-go-weight-semibold: 600;
  --sed-go-weight-black: 900;
  --sed-go-tracking-brand: 0.04em;
  --sed-go-tracking-label: 0.08em;

  --sed-go-space-2: 4px;
  --sed-go-space-3: 8px;
  --sed-go-space-4: 12px;
  --sed-go-space-5: 16px;
  --sed-go-space-6: 20px;
  --sed-go-space-7: 24px;

  --sed-go-radius-sm: 8px;
  --sed-go-radius-md: 10px;
  --sed-go-radius-lg: 10px;
  --sed-go-radius-pill: 999px;

  --sed-go-border-width: 1px;
  --sed-go-border-width-selected: 2px;
  --sed-go-wizard-line: 2px;

  --sed-go-shadow-surface: 0 10px 26px rgba(0, 0, 0, 0.35);
  --sed-go-shadow-popover: 0 24px 64px rgba(0, 0, 0, 0.48);

  --sed-go-layer-base: 0;
  --sed-go-layer-header: 10;
  --sed-go-layer-sticky: 5;
  --sed-go-layer-overlay: 40;
  --sed-go-layer-modal: 50;

  --sed-go-header-height: 64px;
  --sed-go-control-height: 40px;
  --sed-go-control-height-compact: 36px;
  --sed-go-button-padding-x: 14px;
  --sed-go-button-min-width: 104px;
  --sed-go-wizard-marker: 32px;
  --sed-go-icon-size: 18px;
  --sed-go-icon-size-sm: 16px;
  --sed-go-check-size: 22px;
  --sed-go-check-arm-width: 5px;
  --sed-go-check-arm-height: 9px;
  --sed-go-chevron-size: 8px;
  --sed-go-focus-width: 2px;
  --sed-go-focus-offset: 2px;
  --sed-go-textarea-min-height: 88px;
  --sed-go-type-card-width: 136px;
  --sed-go-type-card-gap: 8px;
  --sed-go-type-visual-height: 72px;
  --sed-go-stage-heading-height: 58px;
  --sed-go-stage-lead-height: 32px;

  --sed-go-layout-gutter: 18px;
  --sed-go-layout-gap: 12px;
  --sed-go-template-column-width: clamp(360px, 24vw, 480px);
  --sed-go-intro-column-width: clamp(260px, 16vw, 320px);
  --sed-go-layout-context-width: var(--sed-go-intro-column-width);
  --sed-go-layout-template-width: var(--sed-go-template-column-width);
  --sed-go-layout-help-width: 260px;
  --sed-go-draw-tips-open-at: 1280px;
  --sed-go-draw-tips-toggle: 24px;
  --sed-go-draw-tips-toggle-inset: 8px;
  --sed-go-draw-tips-resting-width: 260px;
  --sed-go-draw-tips-track: 0px;
  --sed-go-layout-form-content: calc(5 * var(--sed-go-type-card-width) + 4 * var(--sed-go-type-card-gap));
  --sed-go-dialog-width: 460px;
  --sed-go-motion-fast: 150ms;
}