/* ==========================================================================
   IDBG — Brand design tokens
   ========================================================================== */

/* --------------------------------------------------------------------------
   Self-hosted Open Sans (Apache-2.0, includes Cyrillic) — same family as cgbg.
   URLs are relative to this stylesheet (assets/), so they resolve regardless
   of the app's base path. Subset by unicode-range to keep first paint light;
   font-display:optional avoids a fallback→swap flash.
   -------------------------------------------------------------------------- */
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:300 800; font-display:optional; src:url(fonts/opensans-latin.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:300 800; font-display:optional; src:url(fonts/opensans-cyrillic.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:300 800; font-display:optional; src:url(fonts/opensans-latin-ext.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:300 800; font-display:optional; src:url(fonts/opensans-cyrillic-ext.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; }

:root {
    /* -------- Brand colors (aligned with cgbg) -------- */
    --brand-blue: #0b5fff;
    --brand-blue-dark: #0a4cd1;
    --brand-blue-light: #f0f5ff;
    /* Mid-tone used by cgbg gradients/footer link hover */
    --brand-blue-mid: #5b8cff;
    /* Card/tint border used by cgbg (.card border) */
    --brand-blue-border: #dbeafe;

    /* cgbg uses orange (#ff8a00) as its accent, not amber */
    --brand-amber: #ff8a00;
    --brand-amber-dark: #d97400;

    /* -------- Semantic -------- */
    --color-success: #22C55E;
    --color-success-bg: #DCFCE7;
    --color-danger: #EF4444;
    --color-danger-bg: #FEE2E2;
    --color-warning: #F59E0B;
    --color-warning-bg: #FEF3C7;
    --color-info: #3B82F6;
    --color-info-bg: #DBEAFE;

    /* -------- Status tones (статуси на документи) --------
       Оранжевото и лилавото нямаха токени — добавени за „Частично",
       „Просрочена" и „Осчетоводена". Виж .status-… и .badge-… в
       design-pages.css.
       ВНИМАНИЕ: звездичка, последвана от наклонена черта, затваря коментара
       предварително и следващата декларация се губи тихо — точно така
       „.status-" със звездичка и наклонена черта изяде --color-orange и
       оставяше „Частично" без точка. Не пишете глоб-шаблони тук. */
    --color-orange: #F97316;
    --color-orange-bg: #FFEDD5;
    --color-orange-text: #C2410C;
    /* „Частично" стои на бледо жълт фон, за да не се слива с оранжево-
       червената „Просрочена", която ползва --color-orange-bg. */
    --color-yellow: #EAB308;
    --color-yellow-bg: #FEF9C3;
    --color-yellow-bg-hover: #FEF08A;
    --color-yellow-text: #A16207;
    --color-purple: #8B5CF6;
    --color-purple-bg: #EDE9FE;
    --color-purple-text: #5B21B6;
    /* По-светъл синьо фон от --color-info-bg — за „Изпратена"/„Видяна",
       за да се различават от по-наситената „Издадена". */
    --color-info-bg-soft: #EFF6FF;

    /* Aliases за старо кодване — използвайте --color-warning в ново */
    --color-warn: var(--color-warning);

    /* -------- Neutral scale (slate) -------- */
    --slate-50: #F8FAFC;
    --slate-100: #F1F5F9;
    --slate-200: #E2E8F0;
    --slate-300: #CBD5E1;
    --slate-400: #94A3B8;
    --slate-500: #64748B;
    --slate-600: #475569;
    --slate-700: #334155;
    --slate-800: #1E293B;
    --slate-900: #0F172A;

    /* -------- Semantic tokens (referenced в компоненти) -------- */
    /* cgbg's body text is a warm-neutral #1a1a1a, not slate-900 */
    --color-text-primary: #1a1a1a;
    --color-text-secondary: var(--slate-600);
    --color-text-muted: var(--slate-400);
    --color-text-inverted: #FFFFFF;

    --color-border: var(--slate-200);
    --color-border-strong: var(--slate-300);
    --color-border-focus: var(--brand-blue);

    /* --color-bg is a *surface* token (cards, panels, sticky bars) — keep white.
       The page canvas is separate: cgbg tints it #fafafa. */
    --color-bg: #FFFFFF;
    --color-canvas: #fafafa;
    --color-bg-subtle: var(--slate-50);
    --color-bg-card: #FFFFFF;
    --color-bg-input: #FFFFFF;
    --color-bg-hover: var(--slate-100);

    /* -------- Typography -------- */
    --font-ui: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;

    --text-hero: 56px;
    --text-h1: 42px;
    --text-h2: 32px;
    --text-h3: 24px;
    --text-h4: 20px;
    --text-body-lg: 18px;
    --text-body: 16px;
    --text-small: 14px;
    --text-caption: 12px;

    --leading-tight: 1.15;
    --leading-snug: 1.3;
    --leading-normal: 1.5;
    --leading-relaxed: 1.6;

    /* -------- Spacing scale (4px base) -------- */
    --space-0: 0;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;

    /* -------- Radius -------- */
    --radius-sm: 6px;
    --radius: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* -------- Shadows -------- */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
    --shadow: 0 2px 8px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);
    --shadow-md: 0 8px 24px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);
    --shadow-lg: 0 20px 40px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .04);
    --shadow-focus: 0 0 0 3px rgba(11, 95, 255, .2);

    /* -------- Animation -------- */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --duration-fast: 150ms;
    --duration: 250ms;
    --duration-slow: 400ms;

    /* -------- Layout -------- */
    --container-max: 1320px;
    --container-hero-max: 1400px;
    --container-padding: 24px;

    /* -------- Z-index -------- */
    --z-dropdown: 1000;
    --z-sticky: 1100;
    --z-modal: 1200;
    --z-popover: 1300;
    --z-toast: 1400;
}