/**
 * ITQ Metis design tokens
 * Extracted from https://www.itqmetis.com/ (styles.css, Bootstrap overrides)
 * Use these variables across admin, parent portal, and workspace themes.
 */
:root {
    /* ── Brand: primary navy & blue ── */
    --metis-navy-900: #1d2639;
    --metis-navy-800: #171e2e;
    --metis-blue-600: #006eb9;
    --metis-blue-700: #2c599d;
    --metis-blue-500: #3a71a1;
    --metis-blue-400: #5990c0;
    --metis-slate-600: #52566d;

    /* ── Brand: accent orange (primary CTA on itqmetis.com) ── */
    --metis-orange-500: #eb5d0b;
    --metis-orange-400: #fb803c;
    --metis-orange-600: #c44d09;
    --metis-orange-700: #a33f07;
    --metis-orange-alt: #ec6008;
    --metis-orange-soft: #fff4eb;
    --metis-orange-soft-2: #fde8d8;
    --metis-orange-muted: rgba(235, 93, 11, 0.12);

    /* ── Text ── */
    --metis-text-heading: #262a4f;
    --metis-text-body: #3c4067;
    --metis-text-strong: #1d2639;
    --metis-text-muted: #64748b;
    --metis-text-muted-2: #94a3b8;
    --metis-text-on-dark: #ffffff;
    --metis-text-on-accent: #e1f2ff;
    --metis-text-link: #006eb9;
    --metis-text-link-hover: #eb5d0b;
    --metis-text-footer-muted: #b0bec9;

    /* ── Surfaces & backgrounds ── */
    --metis-bg-page: #f2f5fb;
    --metis-bg-page-alt: #eef4f8;
    --metis-bg-page-gradient: linear-gradient(180deg, #f7fafc 0%, #eef4f8 100%);
    --metis-bg-surface: #ffffff;
    --metis-bg-surface-muted: #f0eced;
    --metis-bg-header: var(--metis-navy-900);
    --metis-bg-sidebar: var(--metis-navy-900);
    --metis-bg-contact: #f2f5fb;
    --metis-bg-products-gradient: linear-gradient(0deg, #e1f2ff, #e5f4ff 41.32%, #ffffff);
    --metis-bg-accent-gradient: linear-gradient(135deg, var(--metis-orange-soft) 0%, var(--metis-orange-soft-2) 100%);

    /* ── Borders ── */
    --metis-border-default: rgba(148, 163, 184, 0.20);
    --metis-border-subtle: #e7ebf3;
    --metis-border-input: #dde5f0;
    --metis-border-neutral: #bdc3c7;

    /* ── Buttons (colors only — shape/radius unchanged by consumers) ── */
    --metis-btn-primary-bg: var(--metis-orange-500);
    --metis-btn-primary-border: var(--metis-orange-500);
    --metis-btn-primary-text: var(--metis-text-on-accent);
    --metis-btn-primary-hover-bg: var(--metis-orange-400);
    --metis-btn-primary-hover-border: var(--metis-orange-400);
    --metis-btn-primary-hover-text: var(--metis-text-on-accent);
    --metis-btn-primary-active-bg: var(--metis-orange-600);
    --metis-btn-primary-active-border: var(--metis-orange-600);
    --metis-btn-primary-disabled-bg: rgba(235, 93, 11, 0.45);
    --metis-btn-primary-disabled-border: rgba(235, 93, 11, 0.45);
    --metis-btn-primary-disabled-text: rgba(225, 242, 255, 0.75);

    --metis-btn-secondary-bg: transparent;
    --metis-btn-secondary-border: var(--metis-orange-500);
    --metis-btn-secondary-text: var(--metis-orange-500);
    --metis-btn-secondary-hover-bg: var(--metis-orange-500);
    --metis-btn-secondary-hover-border: var(--metis-orange-500);
    --metis-btn-secondary-hover-text: var(--metis-text-on-accent);
    --metis-btn-secondary-active-bg: var(--metis-orange-600);
    --metis-btn-secondary-active-border: var(--metis-orange-600);
    --metis-btn-secondary-disabled-border: rgba(235, 93, 11, 0.35);
    --metis-btn-secondary-disabled-text: rgba(235, 93, 11, 0.45);

    --metis-btn-default-bg: var(--metis-slate-600);
    --metis-btn-default-border: var(--metis-slate-600);
    --metis-btn-default-text: var(--metis-text-on-dark);
    --metis-btn-default-hover-bg: var(--metis-navy-900);
    --metis-btn-default-hover-border: var(--metis-navy-900);
    --metis-btn-default-hover-text: var(--metis-text-on-dark);

    --metis-btn-ghost-bg: var(--metis-bg-surface);
    --metis-btn-ghost-border: var(--metis-border-neutral);
    --metis-btn-ghost-text: var(--metis-text-strong);
    --metis-btn-ghost-hover-bg: var(--metis-blue-500);
    --metis-btn-ghost-hover-border: var(--metis-blue-400);
    --metis-btn-ghost-hover-text: var(--metis-text-on-accent);

    /* Semantic status (unchanged from Metronic defaults, tuned for contrast) */
    --metis-btn-danger-bg: #dc2626;
    --metis-btn-danger-hover-bg: #b91c1c;
    --metis-btn-success-bg: #0d9488;
    --metis-btn-success-hover-bg: #0f766e;
    --metis-btn-warning-bg: #d97706;
    --metis-btn-warning-hover-bg: #b45309;

    /* ── Shadows & radius ── */
    --metis-shadow-sm: 0 4px 16px rgba(29, 38, 57, 0.05);
    --metis-shadow-md: 0 8px 24px rgba(29, 38, 57, 0.06);
    --metis-shadow-lg: 0 24px 50px rgba(29, 38, 57, 0.08);
    --metis-radius-sm: 10px;
    --metis-radius-md: 16px;
    --metis-radius-lg: 20px;
    --metis-radius-xl: 28px;

    /* ── Typography ── */
    --app-font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --metis-font-heading-weight: 700;
    --metis-font-body-weight: 400;
    --metis-font-label-weight: 600;

    --metis-text-xs: 11px;
    --metis-text-sm: 12px;
    --metis-text-base: 14px;
    --metis-text-md: 16px;
    --metis-text-lg: 22px;
    --metis-text-xl: 28px;
    --metis-text-2xl: 36px;

    --metis-leading-tight: 1.2;
    --metis-leading-body: 1.6;
    --metis-leading-relaxed: 1.75;
    --metis-tracking-heading: -0.03em;
    --metis-tracking-label: 0.06em;

    /* Legacy aliases (parent portal inline theme + config workspace) */
    --primary-color: var(--metis-orange-500);
    --secondary-color: var(--metis-navy-900);
    --bg-color: var(--metis-bg-page-alt);
}