/* ── ui/branding/tokens.css — shared base ── */
/* Shared base for this carrier's brands. Brand palettes live in ui/brands/<key>/tokens.css; the backend serves this file followed by each of them. */


/* ── ui/brands/miec/tokens.css ── */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/plugin-assets/com-miec-nukor-app/brands/miec/IBMPlexSans-Variable.woff2')
    format('woff2');
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

:root[data-brand='miec'] {
  --accent: #8cc53f;
  --accent-dim: rgba(140, 197, 63, 0.15);

  --bg: #231f20;
  --surface: #2d2829;
  --surface-2: #383334;
  --surface-3: #433e3f;
  --border: #433e3f;

  --text: #f4f3f0;
  --text-on-accent: #231f20;
  --text-muted: #c9c7c2;
  --text-dim: #b0aeaa;

  --info: #00adee;
  --info-bg: rgba(0, 173, 238, 0.12);
  --success: #74d58b;
  --success-bg: rgba(116, 213, 139, 0.12);
  --warning: #f7b44d;
  --warning-bg: rgba(247, 180, 77, 0.12);
  --danger: #ffaba1;
  --danger-bg: rgba(255, 171, 161, 0.12);

  --chart-2: #00adee;
  --chart-3: #9a72cc;

  --brand-logo: url('/plugin-assets/com-miec-nukor-app/brands/miec/images/miec-mark.png');
  --brand-logo-on: '';
  --brand-logo-width: 26px;
  --brand-logo-height: 26px;

  --font: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --site-green: #8cc53f;
  --site-green-hover: #7ab534;
  --site-ink: #231f20;
  --site-foot-bg: #231f20;
  --site-foot-text: #c9c7c2;
  --site-foot-heading: #ffffff;
  --site-foot-border: #433e3f;
  --site-header-bg: #ffffff;
  --site-header-border: #e2e1dd;
}

:root[data-brand='miec'][theme='light'] {
  --accent: #4a7512;
  --accent-dim: rgba(74, 117, 18, 0.12);

  --bg: #ffffff;
  --surface: #f4f3f0;
  --surface-2: #e2e1dd;
  --surface-3: #d6d4cf;
  --border: #d6d4cf;

  --text: #231f20;
  --text-on-accent: #ffffff;
  --text-muted: #4d4e53;
  --text-dim: #55565b;

  --info: #00698f;
  --info-bg: rgba(0, 105, 143, 0.12);
  --success: #2f6d11;
  --success-bg: rgba(47, 109, 17, 0.12);
  --warning: #7e4300;
  --warning-bg: rgba(126, 67, 0, 0.12);
  --danger: #9c2024;
  --danger-bg: rgba(156, 32, 36, 0.12);

  --chart-2: #00698f;
  --chart-3: #6d45a8;
}

:root[data-brand='miec'],
:root[data-brand='miec'] ui-platform {
  --header-bg: #1a1718;
  --header-text: #f4f3f0;
}
:root[data-brand='miec'][theme='light'],
:root[data-brand='miec'][theme='light'] ui-platform {
  --header-bg: #e2e1dd;
  --header-text: #231f20;
}


/* ── ui/brands/nukor/tokens.css ── */
/* Brand `nukor` — the stock SDK identity, made selectable as a brand, so the Brand Switcher
   can still show the application's own colors. Colors are sdk.css's own and are not restated
   here; only the logo, fonts and header bar are this brand's. */

/* ── nukor / DARK ───────────────────────────────────────────────────── */
:root[data-brand='nukor'] {
  --brand-logo: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2032%2032%27%3E%3Cpath%20fill=%27%23b0abff%27%20d=%27M16,1L18,7H14ZM14,7h4v24h-4zM6.5,3L8.5,9H4.5ZM5,9h3v6H5zM25.5,3L27.5,9H23.5ZM24,9h3v6h-3zM4,14h24v3.2H4z%27/%3E%3C/svg%3E");
  --brand-logo-on: '';
  --brand-logo-width: 22px;
  --brand-logo-height: 22px;

  /* Set once: sdk.css's light block does not touch --font/--mono. */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --mono: 'JetBrains Mono', 'SFMono-Regular', 'Menlo', 'Consolas', monospace;
}

:root[data-brand='nukor'][theme='light'] {
  --brand-logo: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2032%2032%27%3E%3Cpath%20fill=%27%235e48c9%27%20d=%27M16,1L18,7H14ZM14,7h4v24h-4zM6.5,3L8.5,9H4.5ZM5,9h3v6H5zM25.5,3L27.5,9H23.5ZM24,9h3v6h-3zM4,14h24v3.2H4z%27/%3E%3C/svg%3E");
}

/* ── nukor ───────────────────────────────────────────────────────────
   Sits BETWEEN --bg and --surface rather than on either. This brand's claim
   is that it looks like the stock product, so the header is differentiated
   by the smallest step that still reads as a distinct bar. --text is
   15.6:1 / 13.9:1. */
:root[data-brand='nukor'],
:root[data-brand='nukor'] ui-platform {
  --header-bg: #151823;
  --header-text: #e4e6ef; /* Mirrors --text. */
}
:root[data-brand='nukor'][theme='light'],
:root[data-brand='nukor'][theme='light'] ui-platform {
  --header-bg: #f0f1f3;
  --header-text: #1a1d27; /* Mirrors --text. */
}