/*
 * MbanguPay Design System — official primitive tokens.
 * No legacy selector is overridden from this file.
 */

:root {
    /* Brand */
    --mb-color-brand-50: #fff4ef;
    --mb-color-brand-100: #ffe0d3;
    --mb-color-brand-300: #ff9a73;
    --mb-color-brand-500: #ff6b35;
    --mb-color-brand-600: #e55529;
    --mb-color-brand-700: #c43d14;
    --mb-color-brand-800: #9f2f10;

    /* Semantic */
    --mb-color-success: #218838;
    --mb-color-warning: #b77900;
    --mb-color-danger: #c82333;
    --mb-color-info: #117a8b;

    /* Neutral and surfaces */
    --mb-color-white: #ffffff;
    --mb-color-gray-50: #f8f9fa;
    --mb-color-gray-100: #e9ecef;
    --mb-color-gray-300: #ced4da;
    --mb-color-gray-400: #adb5bd;
    --mb-color-gray-500: #6c757d;
    --mb-color-gray-700: #343a40;
    --mb-color-gray-900: #191d21;
    --mb-color-background: #f6f7fb;
    --mb-color-surface: #ffffff;

    /* Component roles */
    --mb-color-primary: var(--mb-color-brand-700);
    --mb-color-primary-hover: var(--mb-color-brand-800);
    --mb-color-primary-soft: var(--mb-color-brand-50);
    --mb-color-focus-ring: rgba(196, 61, 20, 0.28);
    --mb-color-text: var(--mb-color-gray-700);
    --mb-color-text-muted: var(--mb-color-gray-500);
    --mb-color-border: var(--mb-color-gray-100);

    /* Geometry — UI-002 button contract */
    --mb-size-control-md: 2.25rem;
    --mb-space-control-inline: 0.875rem;
    --mb-space-control-gap: 0.375rem;
    --mb-radius-control: 0.375rem;
    --mb-size-focus-ring: 0.1875rem;

    /* Product layout geometry — PSC-SHELL-002 */
    --mb-space-1: 0.25rem;
    --mb-space-2: 0.5rem;
    --mb-space-3: 0.75rem;
    --mb-space-4: 1rem;
    --mb-space-5: 1.25rem;
    --mb-space-6: 1.5rem;
    --mb-space-8: 2rem;
    --mb-space-12: 3rem;
    --mb-radius-panel: 0.5rem;
    --mb-radius-card: 0.75rem;
    --mb-size-shell-topbar: 4.5rem;
    --mb-size-shell-sidebar: 17rem;
    --mb-size-content-comfortable: 60rem;
    --mb-size-content-wide: 80rem;
    --mb-size-description-label: 11.25rem;
    --mb-size-kpi-min-height: 8.625rem;
    --mb-letter-spacing-caps: 0.08em;
    --mb-font-size-xs: 0.75rem;
    --mb-font-size-sm: 0.875rem;
    --mb-font-size-md: 1rem;
    --mb-font-size-lg: 1.125rem;
    --mb-font-size-xl: 1.5rem;
    --mb-font-size-2xl: 2rem;

    /* Motion — informative state transitions only */
    --mb-motion-duration-fast: 120ms;
    --mb-motion-duration-normal: 200ms;
    --mb-motion-easing-standard: ease-out;

    /* Elevation — interactive controls */
    --mb-elevation-control: 0 0.125rem 0.25rem rgba(25, 29, 33, 0.12);
    --mb-elevation-control-hover: 0 0.25rem 0.5rem rgba(25, 29, 33, 0.16);
    --mb-shadow-sm: 0 0.125rem 0.375rem rgba(25, 29, 33, 0.08);
    --mb-shadow-md: 0 0.75rem 1.875rem rgba(25, 29, 33, 0.10);
}