/* McIntosh corporate identity. Import after tokens.css (or global.css), and
   set data-brand="mcintosh" on the root. Client brands remain independent.
   Color variants are for identity artwork, never approval/status meanings. */
:root {
  --ms-brand-blue: #426bd7;
  --ms-brand-periwinkle: #b8c3e6;
  --ms-brand-mist: #e3eaf5;
  --ms-brand-ink: #252d3b;
  --ms-brand-paper: #f7f9fc;
  --ms-brand-white: #ffffff;
  --ms-brand-font-sans: "Geist", system-ui, sans-serif;
  --ms-brand-font-mono: "Geist Mono", monospace;
  --ms-brand-font-pixel: "Geist Pixel", monospace;
  --ms-brand-glass-fill: rgba(255, 255, 255, 0.62);
  --ms-brand-glass-border: rgba(255, 255, 255, 0.82);
  --ms-brand-glass-blur: 18px;
  --ms-brand-glass-shadow:
    0 3px 12px rgba(37, 45, 59, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  --ms-brand-radius-control: 9px;
  --ms-brand-radius-panel: 16px;
  --ms-brand-radius-shell: 22px;
}

[data-brand="mcintosh"] {
  --ms-bg: #ffffff;
  --ms-bg-subtle: var(--ms-brand-paper);
  --ms-bg-muted: #eef2f8;
  --ms-bg-hover: #edf1fb;
  --ms-border: #dce2ec;
  --ms-border-strong: #bdc7d7;
  --ms-text: var(--ms-brand-ink);
  --ms-text-secondary: #606c7e;
  --ms-text-tertiary: #707b8c;
  --ms-accent: var(--ms-brand-blue);
  --ms-accent-hover: #3457b5;
  --ms-accent-soft: #edf1fb;
  --ms-chart-accent: var(--ms-brand-blue);
}

[data-brand="mcintosh"][data-theme="dark"],
[data-brand="mcintosh"] [data-theme="dark"],
[data-theme="dark"] [data-brand="mcintosh"] {
  --ms-bg: #131923;
  --ms-bg-subtle: #19212e;
  --ms-bg-muted: #212c3c;
  --ms-bg-hover: #29374b;
  --ms-border: #354154;
  --ms-border-strong: #526179;
  --ms-text: #f1f4fa;
  --ms-text-secondary: #c0c9d8;
  --ms-text-tertiary: #9ba8bd;
  --ms-accent: #a6baff;
  --ms-accent-hover: #c4d1ff;
  --ms-accent-soft: #243354;
  --ms-chart-accent: #a6baff;
}

/* Reusable frosted framing. Keep reading and data surfaces opaque inside it. */
.ms-brand-glass {
  background: var(--ms-brand-glass-fill);
  border: 1px solid var(--ms-brand-glass-border);
  backdrop-filter: blur(var(--ms-brand-glass-blur)) saturate(1.08);
  -webkit-backdrop-filter: blur(var(--ms-brand-glass-blur)) saturate(1.08);
  box-shadow: var(--ms-brand-glass-shadow);
}
@supports not (backdrop-filter: blur(1px)) {
  .ms-brand-glass {
    background: var(--ms-bg, #f7f9fc);
  }
}