/* Island Electronics Brand Book 1.2. Mirrored in docs-portal/public/assets/brand.css. */
:root {
  --ie-night: #050c18;
  --ie-navy: #0b1929;
  --ie-navy-elevated: #12202f;
  --ie-navy-muted: #344055;
  --ie-cream: #f5f4ef;
  --ie-parchment: #ebe9e3;
  --ie-border-warm: #dddad1;
  --ie-white: #fff;
  --ie-slate: #566070;
  --ie-slate-muted: #74808c;
  --ie-emerald: #2bc55c;
  --ie-sky-light: #5babf0;
  --ie-signal-blue-dark: #2f648f;
  --ie-circuit-teal: #176b5b;
  --ie-circuit-teal-soft: #dcede7;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'DM Serif Display', Georgia, serif;
  --font-mono: 'Cousine', 'Roboto Mono', Consolas, monospace;
  --ie-space-1: 4px;
  --ie-space-2: 8px;
  --ie-space-3: 12px;
  --ie-space-4: 16px;
  --ie-space-5: 24px;
  --ie-space-6: 32px;
  --ie-space-7: 48px;
  --ie-space-8: 64px;
  --ie-space-9: 96px;
  --ie-space-10: 128px;
  --brand-bg: var(--ie-cream);
  --brand-surface: var(--ie-white);
  --brand-secondary: var(--ie-parchment);
  --brand-structural: var(--ie-cream);
  --brand-text: var(--ie-navy);
  --brand-muted: var(--ie-slate);
  --brand-border: var(--ie-border-warm);
  --brand-input-border: var(--ie-slate-muted);
  --brand-link: var(--ie-circuit-teal);
  --brand-selected: var(--ie-circuit-teal-soft);
  --brand-focus: var(--ie-circuit-teal);
  --brand-action: var(--ie-navy);
  --brand-action-hover: #162a40;
  --brand-on-action: var(--ie-white);
  --brand-map: var(--ie-sky-light);
  --brand-success: #176b45;
  --brand-success-bg: #e3f4e9;
  --brand-warning: #795a00;
  --brand-warning-bg: #f7efcf;
  --brand-error: #a63d3d;
  --brand-error-bg: #f8e7e7;
  --brand-info: #285e73;
  --brand-info-bg: #e3eef2;
  --brand-shadow: 0 8px 30px rgba(5, 12, 24, 0.08);
  --brand-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  color-scheme: light;
}
:root[data-theme='dark'] {
  --brand-bg: var(--ie-night);
  --brand-surface: var(--ie-navy-elevated);
  --brand-secondary: var(--ie-navy);
  --brand-structural: var(--ie-navy);
  --brand-text: var(--ie-white);
  --brand-muted: rgba(255, 255, 255, 0.68);
  --brand-border: var(--ie-navy-muted);
  --brand-input-border: #8a96a3;
  --brand-link: var(--ie-white);
  --brand-selected: #193c35;
  --brand-focus: #8ed8c4;
  --brand-action: var(--ie-white);
  --brand-action-hover: #e9edf0;
  --brand-on-action: var(--ie-navy);
  --brand-map: var(--ie-signal-blue-dark);
  --brand-success: #8cdeb0;
  --brand-success-bg: #142e24;
  --brand-warning: #e8cc7c;
  --brand-warning-bg: #302919;
  --brand-error: #f1aaaa;
  --brand-error-bg: #351f27;
  --brand-info: #b1d1de;
  --brand-info-bg: #192f3b;
  --brand-shadow: none;
  color-scheme: dark;
}
:focus-visible {
  outline: 2px solid var(--brand-focus);
  outline-offset: 4px;
}
p a, li a, label a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}
button, input, select, textarea { font: inherit; }
button:disabled, [aria-disabled='true'] { cursor: not-allowed; }
::selection { background: var(--brand-selected); color: var(--brand-text); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }
}