@font-face {
  font-family: "Sora";
  src: url("./Sora-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

:root[data-mi-brand="mais"] {
  --mais-ink: #000000;
  --mais-cream: #fff6e5;
  --mais-cyan: #50c4d7;
  --mais-red: #ff3407;
  --mais-orange: #fc8400;
  --mais-paper: var(--mais-cream);
  --mi-brand-accent: var(--mais-cyan);
  --mi-graph: var(--mais-red);
  --ds-font-sans: "Sora", system-ui, sans-serif;
  --ds-bg-canvas: #fffdf9;
  --ds-bg-subtle: var(--mais-cream);
  --ds-bg-surface: #fffdf9;
  --ds-bg-surface-raised: #fffdf9;
  --ds-bg-overlay: #fffdf9;
  --ds-text-primary: var(--mais-ink);
  --ds-text-secondary: #625c52;
  --ds-text-tertiary: #686258;
  --ds-icon-secondary: var(--ds-text-secondary);
  --ds-border-subtle: #eee6d7;
  --ds-border-default: #e5dccd;
  --ds-border-strong: #9a9287;
  --ds-accent: #28626c;
  --ds-accent-hover: #184a53;
  --ds-accent-subtle: #e1f5f8;
  --ds-accent-contrast: #ffffff;
  --ds-focus-ring: var(--ds-accent);
  --ds-info: var(--ds-accent);
  --ds-danger: #bf2705;
  --ds-warning: #7e4200;
  --ds-hue-orange: #a65300;
  --ds-hue-red: var(--mais-red);
  --ds-cyan-400: var(--mais-cyan);
  --ds-cyan-300: #7cd3e1;
  --ds-red-500: var(--mais-red);
}

:root[data-mi-brand="mais"][data-theme="dark"] {
  --mais-paper: #211c15;
  --ds-bg-canvas: #090807;
  --ds-bg-subtle: #12100d;
  --ds-bg-surface: #171411;
  --ds-bg-surface-raised: #201c17;
  --ds-bg-overlay: #201c17;
  --ds-text-primary: var(--mais-cream);
  --ds-text-secondary: #cfc4b1;
  --ds-text-tertiary: #bfb9ac;
  --ds-icon-primary: var(--mais-cream);
  --ds-border-subtle: #383229;
  --ds-border-default: #494035;
  --ds-border-strong: #827564;
  --ds-accent: var(--mais-cyan);
  --ds-accent-hover: #7cd3e1;
  --ds-accent-subtle: #1b3438;
  --ds-accent-contrast: var(--mais-ink);
  --ds-danger: #ff9983;
  --ds-warning: #fec280;
  --ds-hue-orange: #fda340;
}

:root[data-mi-brand="mais"] :is(.mi-overview, .mi-reading) { --mi-paper: var(--mais-paper); }
:root[data-mi-brand="mais"] .mi-preview-host { --mi-preview-paper: var(--mais-paper); }
:root[data-mi-brand="mais"] .mi-kpi-collection .mi-chart { --mi-graph: var(--ds-accent); }

:root[data-mi-brand="mais"] .ds-app-shell__sidebar {
  background-image: linear-gradient(90deg, var(--mais-red) 0 33%, var(--mais-orange) 33% 67%, var(--mais-cyan) 67%);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

:root[data-mi-brand="mais"] :is(.mi-monitor-link, .mi-preview-cta, .mi-auth-panel .btn) {
  --ds-accent: var(--mais-cyan);
  --ds-accent-hover: var(--ds-cyan-300);
  --ds-accent-contrast: var(--mais-ink);
}

:root[data-mi-brand="mais"] .mi-auth-panel {
  border-block-start: .25rem solid var(--mi-brand-accent);
}

:root[data-mi-brand="mais"] .mi-auth-panel img { inline-size: 8.5rem; block-size: auto; }
:root[data-mi-brand="mais"]:not([data-theme="dark"]) [data-mi-logo="dark"],
:root[data-mi-brand="mais"][data-theme="dark"] [data-mi-logo="light"] { display: none; }