/* MyNextHost Emerald Clarity — shared design tokens. */
:root {
    --mnh-emerald-50: #effcf4;
    --mnh-emerald-100: #d8f7e5;
    --mnh-emerald-200: #b3edce;
    --mnh-emerald-300: #79dfa9;
    --mnh-emerald-400: #38cf83;
    --mnh-emerald-500: #01b75f;
    --mnh-emerald-600: #009b51;
    --mnh-emerald-700: #067647;
    --mnh-emerald-800: #075b3b;
    --mnh-emerald-900: #0a3f2c;
    --mnh-emerald-950: #062e21;

    --mnh-next-emerald: #01b75f;
    --mnh-deep-emerald: #067647;
    --mnh-night-forest: #081f17;
    --mnh-soft-sage: #eaf2e9;
    --mnh-white: #ffffff;
    --mnh-light-canvas: #f5f8f3;

    --mnh-success: #067647;
    --mnh-success-bg: #effcf4;
    --mnh-warning: #b54708;
    --mnh-warning-bg: #fffaeb;
    --mnh-danger: #b42318;
    --mnh-danger-bg: #fef3f2;
    --mnh-info: #175cd3;
    --mnh-info-bg: #eff8ff;

    --mnh-primary: var(--mnh-next-emerald);
    --mnh-primary-hover: var(--mnh-deep-emerald);
    --mnh-primary-light: var(--mnh-emerald-50);
    --mnh-shell: var(--mnh-night-forest);
    --mnh-shell-elevated: #0a3f2c;
    --mnh-shell-border: rgba(234, 242, 233, .18);
    --mnh-shell-text: var(--mnh-white);
    --mnh-shell-muted: #d2dfd5;
    --mnh-workspace: var(--mnh-light-canvas);
    --mnh-bg: var(--mnh-light-canvas);
    --mnh-surface: var(--mnh-white);
    --mnh-border: #dce7de;
    --mnh-text: var(--mnh-night-forest);
    --mnh-text-secondary: #43564a;
    --mnh-text-muted: #5d6f63;

    --mnh-font-body: "Inter", "Segoe UI", Arial, sans-serif;
    --mnh-font-display: "Inter", "Segoe UI", Arial, sans-serif;

    --mnh-space-1: 4px;
    --mnh-space-2: 8px;
    --mnh-space-3: 12px;
    --mnh-space-4: 16px;
    --mnh-space-5: 20px;
    --mnh-space-6: 24px;
    --mnh-space-8: 32px;
    --mnh-space-10: 40px;
    --mnh-space-12: 48px;
    --mnh-radius-sm: 8px;
    --mnh-radius-button: 12px;
    --mnh-radius-input: 12px;
    --mnh-radius-card: 24px;
    --mnh-radius-pill: 999px;
    --mnh-radius-md: var(--mnh-radius-button);
    --mnh-radius-lg: var(--mnh-radius-card);
    --mnh-control-height: 52px;
    --mnh-primary-action-height: 48px;
    --mnh-card-padding: 32px;
    --mnh-card-padding-mobile: 24px;
    --mnh-sidebar-width: 248px;
    --mnh-header-height: 72px;

    --mnh-shadow-sm: 0 1px 2px rgba(8, 31, 23, .05);
    --mnh-shadow-md: 0 12px 30px rgba(8, 31, 23, .08);
    --mnh-shadow-lg: 0 20px 48px rgba(8, 31, 23, .14);
    --mnh-focus-ring: 0 0 0 3px rgba(1, 183, 95, .25);
    --mnh-transition-fast: 120ms ease;
    --mnh-transition-base: 180ms ease;

    /* Breakpoint reference tokens; CSS media queries below use matching literals
       because custom properties are not supported in media-query conditions. */
    --mnh-breakpoint-xs: 480px;
    --mnh-breakpoint-sm: 768px;
    --mnh-breakpoint-md: 992px;
    --mnh-breakpoint-lg: 1200px;
    --mnh-breakpoint-xl: 1440px;
    --mnh-breakpoint-2xl: 1920px;
}