:root {
    /* ==========================================================================
       1. ПРИМИТИВНА ПАЛИТРА (Primitive Color Tokens)
       Базовите цветове от бранд насоките
       ========================================================================== */
    --fiptec-white: #ffffff;
    --fiptec-black: #000000;

    /* Slate (Сиви нюанси - заместител на черното) */
    --fiptec-slate-50:  #f8fafc;
    --fiptec-slate-100: #f1f5f9;
    --fiptec-slate-200: #e2e8f0;
    --fiptec-slate-300: #cbd5e1;
    --fiptec-slate-400: #94a3b8;
    --fiptec-slate-500: #64748b;
    --fiptec-slate-600: #475569;
    --fiptec-slate-700: #334155;
    --fiptec-slate-800: #1e293b;
    --fiptec-slate-900: #0f172a;

    /* Primary (Синьо) */
    --fiptec-blue: #2563eb; 
    --fiptec-blue-hover: #1d4ed8;
    --fiptec-blue-light: #dbeafe;
    --fiptec-blue-vlight: #eff6ff;

    /* Secondary / Action (Оранжево) */
    --fiptec-orange: #f97316; 
    --fiptec-orange-hover: #ea580c;
    --fiptec-orange-active: #c2410c;

    /* Alert / Danger (Червено) */
    --fiptec-red: #ef4444; 
    --fiptec-red-dark: #dc2626;
    --fiptec-red-border: #dc2626;
    --fiptec-red-light: #fef2f2;
    --fiptec-red-light-border: #fee2e2;

    /* Success (Зелено) */
    --fiptec-green: #10b981; 
    --fiptec-green-dark: #059669;
    --fiptec-green-light: rgba(16, 185, 129, 0.2);

    /* Warning / Stars (Жълто) */
    --fiptec-yellow: #facc15;

    /* ==========================================================================
       2. СЕМАНТИЧНИ ЦВЕТОВЕ (Semantic Tokens)
       ========================================================================== */
    
    /* Основни (Main Colors) */
    --color-primary: var(--fiptec-blue);       /* Доверително Синьо */
    --color-secondary: var(--fiptec-orange);   /* Екшън Оранжево */
    --color-success: var(--fiptec-green);      /* Свежо Зелено */
    --color-alert: var(--fiptec-red);          /* Сигнално Червено */

    /* Текст (Type) */
    --text-base: var(--fiptec-slate-700);      /* #334155 - Основен текст */
    --text-headline: var(--fiptec-slate-900);  /* #0f172a - Заглавия */
    --color-divider: var(--fiptec-slate-100);  /* #f1f5f9 - Разделители */

    /* Линкове и Тултипи (Links & Tooltips) */
    --link-color: var(--fiptec-blue);
    --link-hover: var(--fiptec-blue-hover);
    --widget-link: var(--fiptec-slate-600);    /* #475569 */
    --widget-link-hover: var(--fiptec-blue);
    --tooltip-text: var(--fiptec-white);
    --tooltip-bg: var(--fiptec-slate-900);     /* #0f172a */

    /* Магазин и Конверсии (Shop Colors) */
    --shop-btn-buy: var(--fiptec-orange);          /* Само за Add to cart / Checkout */
    --shop-badge-sale: var(--fiptec-red-dark);     /* #dc2626 - Агресивно червено */
    --shop-badge-new: var(--fiptec-blue);          /* #2563eb */
    --shop-badge-custom: var(--fiptec-green);      /* #10b981 */
    --shop-stars: var(--fiptec-yellow);            /* #facc15 - Звезди ревюта */
    --shop-price-regular: var(--fiptec-slate-400); /* #94a3b8 - Стара цена */
    --shop-price-sale: var(--fiptec-red-dark);     /* #dc2626 - Нова цена */

    /* Модали и Овърлеи (Drawer & Lightbox) */
    --backdrop-color: rgba(15, 23, 42, 0.8);       /* Тъмен Slate с 80% прозрачност */

    /* ==========================================================================
       3. ТИПОГРАФИЯ (Typography)
       ========================================================================== */
    --font-primary: 'Montserrat', sans-serif;
    
    /* Използваме твоите тежести за Montserrat */
    --fw-medium: 500;    /* За основен текст (Base) */
    --fw-bold: 700;      /* За навигация и стандартни заглавия */
    --fw-extrabold: 800; /* За H1-H6 масивни заглавия */

    /* За обратна съвместимост с предишни компоненти: */
    --fw-regular: var(--fw-medium);
    --fw-black: var(--fw-extrabold);

    /* ==========================================================================
       4. ЗАОБЛЯНИЯ (Border Radius)
       ========================================================================== */
    --fiptec-radius-md: 8px;
    --fiptec-radius-global: 12px; /* За Карти, Модали и Инпути */
    --fiptec-radius-lg: 12px;
    --fiptec-radius-btn: 12px;    /* За всички бутони (Модерен App-Look) */
    --fiptec-radius-xl: 16px;
    --fiptec-radius-2xl: 24px;

    /* ==========================================================================
       5. СЕНКИ И Z-INDEX (Shadows & Layers)
       ========================================================================== */
    --fiptec-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --fiptec-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --fiptec-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --fiptec-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    /* Специфични сенки за конверсионни бутони */
    --fiptec-btn-shadow: 0 6px 8px -2px rgba(194, 65, 12, 0.7);
    --fiptec-btn-shadow-hover: 0 10px 12px -3px rgba(194, 65, 12, 0.6);
    --fiptec-btn-shadow-active: 0 2px 3px -1px rgba(194, 65, 12, 0.8);

    --z-base: 1;
    --z-elevated: 10;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-overlay: 9990;
    --z-modal: 9999;
}