:root {
    --cim-color-bg: #ffffff;
    --cim-color-bg-page: #f5f6f7;
    --cim-color-bg-muted: #eef0f1;
    --cim-color-surface: #ffffff;
    --cim-color-surface-muted: #f0f2f3;
    --cim-color-surface-hover: #f8f9fa;
    --cim-color-heading: #18232b;
    --cim-color-text: #20272d;
    --cim-color-text-secondary: #68727a;
    --cim-color-text-muted: #8b9399;
    --cim-color-border: #e2e5e7;
    --cim-color-border-strong: #cfd4d7;
    --cim-color-dark: #30383e;
    --cim-color-dark-soft: #3a4248;
    --cim-color-footer: #19232b;
    --cim-color-orange: #f45a2a;
    --cim-color-orange-light: #ff7545;
    --cim-color-orange-dark: #dc461a;
    --cim-orange-rgb: 244,90,42;
    --cim-color-success: #2f855a;
    --cim-color-success-bg: #eef8f2;
    --cim-color-warning: #b7791f;
    --cim-color-warning-bg: #fff8e8;
    --cim-color-danger: #c53030;
    --cim-color-danger-bg: #fff1f1;
    --cim-color-info: #426579;
    --cim-color-info-bg: #edf4f7;

    --cim-font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --cim-font-xs: 12px;
    --cim-font-sm: 13px;
    --cim-font-md: 15px;
    --cim-font-base: 16px;
    --cim-font-lg: 18px;
    --cim-font-xl: 22px;
    --cim-font-2xl: 28px;
    --cim-font-3xl: 34px;
    --cim-font-4xl: 44px;
    --cim-font-body-size: 15px;
    --cim-font-nav-size: 16px;
    --cim-font-h1-size: 44px;
    --cim-font-h2-size: 34px;
    --cim-font-h3-size: 24px;

    --cim-space-1: 4px;
    --cim-space-2: 8px;
    --cim-space-3: 12px;
    --cim-space-4: 16px;
    --cim-space-5: 24px;
    --cim-space-6: 32px;
    --cim-space-7: 48px;
    --cim-space-8: 64px;
    --cim-space-9: 80px;

    --cim-radius-xs: 6px;
    --cim-radius-sm: 8px;
    --cim-radius-md: 12px;
    --cim-radius-lg: 18px;
    --cim-radius-xl: 22px;
    --cim-radius-section: 32px;
    --cim-radius-pill: 999px;

    --cim-shadow-xs: 0 1px 2px rgba(24,35,43,.04);
    --cim-shadow-sm: 0 4px 14px rgba(24,35,43,.05);
    --cim-shadow-md: 0 10px 30px rgba(24,35,43,.07);
    --cim-glow-orange-sm: 0 4px 16px rgba(var(--cim-orange-rgb),.08);
    --cim-glow-orange-md: 0 8px 28px rgba(var(--cim-orange-rgb),.12);
    --cim-glow-orange-lg: 0 14px 42px rgba(var(--cim-orange-rgb),.16);

    --cim-container-wide: 1440px;
    --cim-container-main: 1360px;
    --cim-container-content: 1180px;
    --cim-container-text: 820px;
    --cim-section-gap: 56px;

    --cim-header-bg: #ffffff;
    --cim-header-height: 82px;
    --cim-hero-bg: #ffffff;
    --cim-hero-height: 350px;
    --cim-hero-radius: 28px;
    --cim-hero-copy-width: 560px;

    --cim-control-h: 42px;
    --cim-control-h-lg: 46px;
    --cim-btn-radius: 10px;
    --cim-btn-border-opacity: .58;
    --cim-btn-bg-opacity: .96;
    --cim-btn-bg-bottom-opacity: .88;
    --cim-btn-glow-opacity: .08;
    --cim-btn-hover-glow-opacity: .13;
    --cim-btn-hover-lift: 1px;

    --cim-card-radius: 18px;
    --cim-card-padding: 24px;
    --cim-card-shadow-opacity: .04;

    --cim-feature-light-bg: #ffffff;
    --cim-feature-dark-start: #112638;
    --cim-feature-dark-end: #1d2a36;
    --cim-feature-radius: 22px;
    --cim-feature-padding: 30px;
    --cim-feature-min-height: 270px;
    --cim-feature-glow-opacity: .24;

    --cim-form-radius: 10px;
    --cim-form-focus-opacity: .08;

    --cim-product-head-bg: #f0f2f3;
    --cim-package-bg: #ffffff;
    --cim-product-radius: 16px;
    --cim-product-gap: 18px;
    --cim-price-size: 16px;

    --cim-transition-ms: 150ms;
    --cim-transition-fast: var(--cim-transition-ms) ease;
    --cim-transition: 200ms ease;
    --cim-dark-gradient-angle: 135deg;
    --cim-process-glow-opacity: .8;
    --cim-reveal-distance: 16px;
    --cim-reveal-duration: 420ms;
    --cim-card-hover-lift: 3px;

    /* Cabinet shell. These tokens are intentionally independent from homepage geometry. */
    --cim-app-sidebar-width: 220px; /* legacy = buyer */
    --cim-app-sidebar-width-buyer: 220px;
    --cim-app-sidebar-width-seller: 230px;
    --cim-app-sidebar-width-manager: 260px;
    --cim-app-sidebar-collapsed-width: 78px;
    --cim-app-topbar-height: 72px;
    --cim-app-ui-scale: .9;
    --cim-app-content-max: 1560px;
    --cim-app-page-padding: 28px;
    --cim-app-panel-radius: 20px;
    --cim-app-panel-padding: 24px;
    --cim-app-nav-radius: 12px;
    --cim-app-nav-active-bg: #f1f3f4;
    --cim-app-sidebar-transition: 200ms cubic-bezier(.2,.7,.2,1);
    --cim-overlay-bg: rgba(15,24,31,.46);
    --cim-toast-width: 380px;

    --cim-how-bg-start:#102638;
    --cim-how-bg-end:#182a3a;
    --cim-how-aurora-enabled:1;
    --cim-how-aurora-opacity:.18;
    --cim-how-aurora-blur:64px;
    --cim-how-line-thickness:1px;
    --cim-how-line-glow-opacity:.85;
    --cim-how-line-speed:4.5s;
    --cim-cabinet-bottom-gap:18px;
    --cim-footer-bg:#19232b;
    --cim-footer-aurora-enabled:1;
    --cim-footer-aurora-opacity:.16;
    --cim-footer-aurora-blur:78px;
    --cim-checkout-panel-radius:18px;
    --cim-checkout-panel-padding:22px;
    --cim-checkout-summary-width:390px;
    --cim-chat-button-size:58px;
    --cim-chat-button-radius:29px;
    --cim-chat-button-bg:#f45a2a;
    --cim-chat-button-icon-color:#fff;
    --cim-chat-label-bg:#fff;
    --cim-chat-label-color:#20272d;
    --cim-chat-label-size:12px;
    --cim-chat-panel-width:420px;
    --cim-chat-panel-radius:20px;
    --cim-chat-panel-padding:10px;
    --cim-chat-item-radius:12px;
    --cim-chat-item-icon-size:34px;
    --cim-chat-title-size:17px;
    --cim-chat-subtitle-size:12px;
    --cim-chat-item-title-size:14px;
    --cim-chat-item-subtitle-size:11px;
    --cim-chat-panel-shadow-opacity:.22;
    --cim-chat-panel-bg-light:#fff;--cim-chat-panel-bg-dark:#18232f;
    --cim-chat-panel-text-light:#17212b;--cim-chat-panel-text-dark:#f7f9fb;
    --cim-chat-panel-secondary-light:#74808c;--cim-chat-panel-secondary-dark:#aab6c2;
    --cim-chat-panel-border-light:#dfe5eb;--cim-chat-panel-border-dark:#34414f;
    --cim-chat-item-hover-light:#f2f6f9;--cim-chat-item-hover-dark:#223140;
    --cim-chat-item-icon-bg-light:#eaf0f5;--cim-chat-item-icon-bg-dark:#2b3c4d;
    --cim-chat-item-icon-color-light:#3b4b5b;--cim-chat-item-icon-color-dark:#dce5ec;
    --cim-chat-aurora-light-blue:#61a9ff;--cim-chat-aurora-light-magenta:#b56cff;--cim-chat-aurora-light-orange:#f45a2a;
    --cim-chat-aurora-dark-blue:#3977ff;--cim-chat-aurora-dark-magenta:#8f5cff;--cim-chat-aurora-dark-orange:#f45a2a;
    --cim-chat-aurora-light-opacity:.12;--cim-chat-aurora-dark-opacity:.18;--cim-chat-aurora-blur:52px;

    --cim-auth-visual-bg-start:#121b26;
    --cim-auth-visual-bg-mid:#172638;
    --cim-auth-visual-bg-end:#211d2b;
    --cim-auth-visual-heading:#ffffff;
    --cim-auth-visual-text:#cbd3da;
    --cim-auth-visual-kicker:#ff885c;
    --cim-auth-visual-chip-text:#e9eef2;
    --cim-auth-visual-chip-bg-opacity:.055;
    --cim-auth-visual-chip-border-opacity:.12;
    --cim-auth-visual-aurora-enabled:1;
    --cim-auth-visual-aurora-orange-rgb:239,91,42;
    --cim-auth-visual-aurora-violet-rgb:104,82,255;
    --cim-auth-visual-aurora-blue-rgb:52,158,255;
    --cim-auth-visual-aurora-opacity:.9;
    --cim-auth-visual-aurora-blur:34px;
}