:root {
  color-scheme: light;

  --brand-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --pm-foundation: #d7dee1;
  --pm-foundation-raised: #f4f7f8;
  --pm-foundation-soft: #a8b4b9;
  --pm-foundation-text: #17313a;
  --pm-steel: #334e57;
  --pm-steel-muted: #96aab1;

  --brand-background-start: #eaf5f2;
  --brand-background-middle: #f9fcfb;
  --brand-background-end: #dcebe8;
  --brand-surface: rgba(255, 255, 255, 0.94);
  --brand-surface-strong: #ffffff;
  --brand-surface-subtle: #f2f7f6;
  --brand-surface-tint: #e6f2ef;
  --brand-input-background: #ffffff;
  --brand-text: #153039;
  --brand-text-muted: #64787f;
  --brand-text-soft: #38545c;
  --brand-accent: #176fda;
  --brand-accent-hover: #115ab2;
  --brand-accent-soft: rgba(23, 111, 218, 0.16);
  --brand-service: #0b8178;
  --brand-service-dark: #09675f;
  --brand-service-soft: #ddf2ee;
  --brand-review: #f2b544;
  --brand-review-dark: #b97808;
  --brand-review-soft: #fff0c9;
  --brand-highlight: #0b8178;
  --brand-success: #17825f;
  --brand-success-soft: #dff3eb;
  --brand-danger: #ad4141;
  --brand-badge-background: #ddf2ee;
  --brand-badge-text: #09675f;
  --brand-toast-background: #0d2631;
  --brand-toast-border: #77b8d1;
  --brand-toast-text: #f8fbfc;
  --brand-border: rgba(52, 82, 91, 0.22);
  --brand-border-input: rgba(52, 82, 91, 0.34);
  --brand-border-subtle: rgba(52, 82, 91, 0.14);
  --brand-grid-line: rgba(255, 255, 255, 0.08);
  --brand-overlay-soft: rgba(255, 255, 255, 0.72);
  --brand-overlay-dark: rgba(7, 24, 32, 0.74);
  --brand-shadow: 0 30px 90px rgba(28, 59, 67, 0.18);
  --brand-shadow-soft: 0 16px 42px rgba(28, 59, 67, 0.11);
  --brand-shadow-button: 0 10px 24px rgba(23, 111, 218, 0.24);
  --brand-shadow-review: 0 12px 28px rgba(183, 120, 8, 0.18);
  --brand-shadow-toast: 0 20px 64px rgba(7, 24, 32, 0.32);

  --brand-primary-gradient: linear-gradient(145deg, #176fda, #0b8178);
  --brand-service-gradient: linear-gradient(145deg, #0b8178, #09675f);
  --brand-review-gradient: linear-gradient(145deg, #ffd87d, #f2b544);
  --brand-steel-gradient: linear-gradient(180deg, #f8fafb 0%, #c8d0d3 44%, #9da9ae 52%, #e9edef 100%);
  --brand-steel-grain: repeating-linear-gradient(90deg, rgba(255,255,255,.20) 0 1px, rgba(23,49,58,.04) 1px 3px, transparent 3px 7px);
  --brand-background-gradient: linear-gradient(145deg, #eaf5f2, #f9fcfb 48%, #dcebe8);
  --brand-foundation-gradient: linear-gradient(180deg, #f8fafb 0%, #c8d0d3 44%, #9da9ae 52%, #e9edef 100%);

  --brand-radius-small: 8px;
  --brand-radius-control: 11px;
  --brand-radius-card: 18px;
  --brand-radius-panel: 28px;
  --brand-radius-large: 38px;
  --brand-radius-pill: 999px;

  --email-swatch-light: linear-gradient(180deg, #eef4f7 0 38%, #ffffff 38%);
  --email-swatch-navy: linear-gradient(180deg, #123f73 0 38%, #ffffff 38%);
  --email-swatch-warm: linear-gradient(180deg, #f5dfc8 0 38%, #fffdf9 38%);
  --email-swatch-dark: linear-gradient(180deg, #071b36 0 38%, #10161a 38%);
  --email-swatch-border: rgba(23, 49, 58, 0.20);
}

/* Portmason reference-display and machined-steel tokens. */
:root {
  --pm-reference-viewport-width: 1440px;
  --pm-reference-viewport-height: 755px;
  --pm-reference-screen-width: 1440px;
  --pm-reference-screen-height: 900px;
  --pm-reference-device-pixel-ratio: 2;
  --pm-topbar-target-height: 60px;
  --brand-steel-sheen: linear-gradient(102deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.08) 31%, rgba(23, 49, 58, 0.14) 52%, rgba(255, 255, 255, 0.36) 76%, rgba(23, 49, 58, 0.08));
  --brand-steel-radial: radial-gradient(ellipse at 50% -145%, #ffffff 0%, #eef1f2 36%, #c5ccd0 69%, #9aa5aa 100%);
  --brand-steel-grain: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.16) 0 1px, rgba(23, 49, 58, 0.035) 1px 2px, transparent 2px 5px);
  --brand-steel-edge: rgba(23, 49, 58, 0.28);
  --brand-steel-highlight: rgba(255, 255, 255, 0.76);
}