/* =========================================================================
   DESIGN TOKENS — Enterprise Platform
   Single source of truth for color, type, spacing, radius and elevation.
   These tokens drive Bootstrap overrides (themes.css), the app shell
   (site.css) and every module stylesheet. Change values here only.
   Fonts (Manrope + Inter) are loaded via <link> tags in _Layout.cshtml.
   ========================================================================= */

:root {
    /* ── Brand ── deep indigo-navy ink + refined blue action color.
       Distinct from the generic "AI blue" (#3b82f6/#6366f1) used
       previously — cooler, denser, more editorial. ── */
    --ink-950: #0a0e1a;
    --ink-900: #0e1324;
    --ink-800: #141a30;
    --ink-700: #1b2340;

    --brand-50:  #eef1fd;
    --brand-100: #dbe1fb;
    --brand-200: #b7c1f6;
    --brand-300: #8b9aef;
    --brand-400: #5c6de3;
    --brand-500: #3a4bd6;   /* primary action color */
    --brand-600: #2d3bbd;
    --brand-700: #232f96;
    --brand-800: #1c2575;
    --brand-rgb: 58, 75, 214;

    /* Warm accent — used sparingly (premium badges, key highlight only) */
    --accent-500: #c17a2e;
    --accent-600: #a8641d;
    --accent-50:  #fbf1e5;

    /* ── Neutrals — slightly warmer / denser than default Bootstrap grays ── */
    --gray-50:  #f7f8fa;
    --gray-100: #eef1f5;
    --gray-200: #e2e6ec;
    --gray-300: #cbd2dc;
    --gray-400: #9aa5b1;
    --gray-500: #707a88;
    --gray-600: #4c5563;
    --gray-700: #333b49;
    --gray-800: #20242e;
    --gray-900: #12151c;

    /* ── Semantic (desaturated, mature — not candy-bright) ── */
    --color-success:      #157a52;
    --color-success-bg:   #e9f6ef;
    --color-success-bd:   #b9e3cc;
    --color-warning:      #a8670a;
    --color-warning-bg:   #fdf3e2;
    --color-warning-bd:   #f2d69c;
    --color-danger:       #b6323b;
    --color-danger-bg:    #fbeaec;
    --color-danger-bd:    #eeb9be;
    --color-info:         #2b64b8;
    --color-info-bg:      #eaf1fb;
    --color-info-bd:      #bcd3ee;
    --color-violet:       #7c4fc9;
    --color-violet-bg:    #f2ecfb;
    --color-violet-bd:    #ddc9f3;

    /* ── Surfaces ── */
    --surface-bg:      var(--gray-50);
    --surface-card:    #ffffff;
    --surface-border:  var(--gray-200);
    --text-primary:    var(--gray-800);
    --text-secondary:  var(--gray-500);
    --text-tertiary:   var(--gray-400);

    /* ── Typography — единый Inter (раньше Manrope для заголовков,
       перешли на дисциплину DASHMIX: один шрифт, вес 600 у заголовков) ── */
    --font-display: "Inter", system-ui, -apple-system, sans-serif;
    --font-body:    "Inter", system-ui, -apple-system, sans-serif;
    --fs-xs:   .75rem;
    --fs-sm:   .8125rem;
    --fs-base: .875rem;
    --fs-md:   .9375rem;
    --fs-lg:   1.0625rem;
    --fs-xl:   1.25rem;
    --fs-2xl:  1.5rem;

    /* ── Spacing scale (4px base) ── */
    --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
    --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px;

    /* ── Radius scale — modest, functional (not oversized) ── */
    --r-sm: 6px;
    --r-md: 8px;
    --r-lg: 12px;
    --r-xl: 16px;
    --r-pill: 999px;

    /* ── Elevation — single soft layer, used purposefully ── */
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, .07), 0 1px 2px rgba(15, 23, 42, .04);
    --shadow-md: 0 4px 12px rgba(15, 23, 42, .08);
    --shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);

    /* ── Motion ── */
    --ease: cubic-bezier(.4, 0, .2, 1);
    --dur-fast: .13s;
    --dur-base: .18s;
}