/* gomarkex production brand kit v1.0. Source: selected navy and blue guide, 31 October 2026. */
:root {
  --gm-navy: #142337;
  --gm-text: #1e293b;
  --gm-text-muted: #5c6b7e;
  --gm-heading: #142337;
  --gm-surface: #ffffff;
  --gm-canvas: #f5f7fb;
  --gm-border-subtle: #e1e6ef;
  --gm-border-control: #7b8ca1;
  --gm-action: #3155c6;
  --gm-action-hover: #2847a7;
  --gm-action-text: #ffffff;
  --gm-link: #3155c6; --gm-link-hover: #2847a7;
  --gm-selected-bg: #eef2ff;
  --gm-selected-text: #3155c6;
  --gm-focus: #3155c6;
  --gm-logo-accent: #426ae3;
  --gm-success: #166534;
  --gm-success-bg: #ecfdf3;
  --gm-warning: #92400e;
  --gm-warning-bg: #fff7e6;
  --gm-danger: #b42318;
  --gm-danger-bg: #fef3f2;
  --gm-info: #142337;
  --gm-info-bg: #f5f7fb;
  --gm-font-display: 'Manrope', 'Inter', system-ui, sans-serif;
  --gm-font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --gm-space-1: .25rem;
  --gm-space-2: .5rem;
  --gm-space-3: .75rem;
  --gm-space-4: 1rem;
  --gm-space-6: 1.5rem;
  --gm-space-8: 2rem;
  --gm-space-12: 3rem;
  --gm-space-16: 4rem;
  --gm-space-24: 6rem;
  --gm-radius-control: .5rem;
  --gm-radius-card: .75rem;
  --gm-radius-pill: 999px;
  --gm-shadow-card: 0 2px 8px rgb(20 35 55 / 6%);
  --gm-control-height: 2.5rem;
  --gm-touch-height: 2.75rem;
  --gm-motion-fast: 120ms;
  --gm-motion: 180ms;
}

/* Dark appearance extends the v1.0 light palette. Brand artwork stays unchanged. */
:root { color-scheme: light; --gm-on-strong: #ffffff; --gm-strong: #142337; --gm-overlay: rgb(5 12 24 / 65%); }
:root[data-theme=dark] {
  color-scheme: dark;
  --gm-text: #e3eaf5; --gm-text-muted: #a8b7cc; --gm-heading: #f5f7fb;
  --gm-surface: #142337; --gm-canvas: #0d1726;
  --gm-border-subtle: #314258; --gm-border-control: #7b8ca1;
  --gm-action: #426ae3; --gm-action-hover: #3155c6; --gm-action-text: #ffffff;
  --gm-link: #a7baff; --gm-link-hover: #c2ceff; --gm-selected-bg: #23385c; --gm-selected-text: #c2ceff;
  --gm-focus: #a7baff; --gm-success: #8de1b0; --gm-success-bg: #12372c;
  --gm-warning: #ffd28a; --gm-warning-bg: #3b2d19;
  --gm-danger: #ffb4a9; --gm-danger-bg: #42252c;
  --gm-info: #e3eaf5; --gm-info-bg: #1c2e46;
  --gm-shadow-card: 0 2px 8px rgb(0 0 0 / 15%);
}
.brand-dark { display: none; }
[data-theme=dark] .brand-light { display: none; }
[data-theme=dark] .brand-dark { display: block; }