/* Sync with multisite-migrate-license-server/assets/css/multisite-migrate-tokens.css */
:root {
    /* Brand — hero-aligned navy + teal */
    --mm-navy-deep: #080e1a;
    --mm-navy: #0a1220;
    --mm-navy-light: #0f1a2e;
    --mm-navy-edge: #1a2d4a;
    --mm-teal: #14b8a6;
    --mm-teal-bright: #56e0d4;
    --mm-teal-dim: #0d9488;
    --mm-muted: #a8bdd4;
    --mm-surface: #ffffff;
    --mm-surface-alt: #f5f7fa;
    --mm-border: #dce1e8;
    --mm-text: #1d2327;
    --mm-text-muted: #50575e;
    --mm-teal-text: #0f766e;
    --mm-link: #2271b1;

    /* Semantic status */
    --mm-success: #007017;
    --mm-success-bg: #edfaef;
    --mm-warning: #996800;
    --mm-warning-bg: #fcf9e8;
    --mm-error: #8a2424;
    --mm-error-bg: #fcf0f1;
    --mm-info: #2271b1;
    --mm-info-bg: #eef6fc;
    --mm-active-bg: #f0fdfa;
    --mm-highlight: #dc2626;
    --mm-highlight-bg: #fef2f2;

    /* Spacing (4px base) */
    --mm-space-1: 4px;
    --mm-space-2: 8px;
    --mm-space-3: 12px;
    --mm-space-4: 16px;
    --mm-space-5: 20px;
    --mm-space-6: 24px;
    --mm-space-7: 32px;
    --mm-space-8: 48px;

    /* Typography — Ubuntu display + Nunito body */
    --mm-font-display: "Ubuntu", system-ui, sans-serif;
    --mm-font-body: "Nunito", system-ui, sans-serif;
    --mm-font-sans: var(--mm-font-body);
    --mm-text-xs: 0.75rem;
    --mm-text-sm: 0.8125rem;
    --mm-text-base: 0.9375rem;
    --mm-text-lg: 1.0625rem;
    --mm-text-xl: 1.25rem;
    --mm-text-2xl: clamp(1.65rem, 3.8vw, 2.35rem);
    --mm-text-hero: clamp(2rem, 5.5vw, 3.25rem);
    --mm-text-section: clamp(1.65rem, 3.8vw, 2.35rem);
    --mm-text-page-h1: clamp(1.75rem, 4vw, 2.25rem);
    --mm-text-page-h2: clamp(1.35rem, 3vw, 1.65rem);
    --mm-font-medium: 500;
    --mm-font-semibold: 600;
    --mm-font-bold: 700;

    /* Radii */
    --mm-radius-sm: 4px;
    --mm-radius: 12px;
    --mm-radius-lg: 16px;
    --mm-radius-pill: 999px;

    /* Shadows & motion */
    --mm-shadow: 0 2px 8px rgba(10, 18, 32, 0.08);
    --mm-shadow-lg: 0 8px 32px rgba(10, 18, 32, 0.16);
    --mm-shadow-card: 0 4px 18px rgba(10, 18, 32, 0.06);
    --mm-transition: 0.2s ease;
    --mm-focus-ring: 0 0 0 3px rgba(20, 184, 166, 0.22);

    /* Layout */
    --mm-content-max: 1280px;
    --mm-touch-min: 44px;
    --mm-header-gradient: linear-gradient(180deg, var(--mm-navy-light) 0%, var(--mm-navy) 100%);
    --mm-overlay: rgba(10, 18, 32, 0.55);

    /* Hero band — mapped to core navy tokens */
    --mm-hero-bg-base: var(--mm-navy);
    --mm-hero-bg-center: var(--mm-navy-deep);
    --mm-hero-bg-edge: var(--mm-navy-edge);
    --mm-hero-bg-edge-deep: var(--mm-navy-light);
    --mm-hero-glow-teal: rgba(20, 184, 166, 0.14);
    --mm-hero-glow-teal-soft: rgba(20, 184, 166, 0.06);
    --mm-hero-glow-blue: rgba(59, 130, 246, 0.12);
    --mm-hero-glow-blue-soft: rgba(37, 99, 235, 0.08);
    --mm-hero-icon-fg: var(--mm-teal-bright);
    --mm-hero-icon-border: rgba(20, 184, 166, 0.48);
    --mm-hero-icon-bg-top: rgba(20, 184, 166, 0.26);
    --mm-hero-icon-bg-bottom: rgba(20, 184, 166, 0.11);
    --mm-hero-icon-glow: rgba(20, 184, 166, 0.14);

    /* Product screenshots — unified frame (contain + letterbox) */
    --mm-screenshot-aspect: 16 / 10;
    --mm-screenshot-canvas: #eef1f6;

    /* Timeline / activity chips */
    --mm-chip-restore: #2563eb;
    --mm-chip-import: #7c3aed;
    --mm-chip-staging: #d97706;
    --mm-chip-email: #64748b;
}