/* Main CSS - Base styles and custom properties */

:root {
    /* WTP Brand — Indigo (intentionally different from MCB Blue) */
    --wtp-primary: #1e40af;
    --wtp-primary-dark: #1a3688;
    --wtp-primary-light: #3b82f6;
    --wtp-primary-bg: rgba(59, 130, 246, 0.1);

    /* Semantic colors */
    --wtp-success: #10b981;
    --wtp-success-bg: rgba(16, 185, 129, 0.1);
    --wtp-danger: #ef4444;
    --wtp-danger-bg: rgba(239, 68, 68, 0.1);
    --wtp-warning: #f59e0b;
    --wtp-warning-bg: rgba(245, 158, 11, 0.1);
    --wtp-info: #0ea5e9;
    --wtp-info-bg: rgba(14, 165, 233, 0.1);

    /* Neutrals — mapped to MCB design system with fallbacks */
    --wtp-text-heading: var(--mcb-gray-800, #1f2937);
    --wtp-text-body: var(--mcb-text, #374151);
    --wtp-text-secondary: var(--mcb-gray-600, #6b7280);
    --wtp-bg-white: var(--mcb-white, #ffffff);
    --wtp-bg-light: var(--mcb-gray-100, #f9fafb);
    --wtp-border: var(--mcb-border, #e5e7eb);
    --wtp-border-light: var(--mcb-gray-200, #d1d5db);

    /* Radius — mapped to MCB */
    --wtp-radius-sm: var(--mcb-radius-sm, 0.375rem);
    --wtp-radius-md: var(--mcb-radius-md, 0.5rem);
    --wtp-radius-lg: var(--mcb-radius-md, 0.75rem);
    --wtp-radius-xl: var(--mcb-radius-lg, 1rem);
    --wtp-radius-full: 9999px;

    /* Shadows — mapped to MCB */
    --wtp-shadow-sm: var(--mcb-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
    --wtp-shadow-md: var(--mcb-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));
    --wtp-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    /* Transitions */
    --wtp-transition-fast: 150ms ease-in-out;
    --wtp-transition-base: 200ms ease-in-out;
    --wtp-transition-slow: 300ms ease-in-out;

    /* Alpha variants of primary */
    --wtp-primary-alpha-03: rgba(30, 64, 175, 0.03);
    --wtp-primary-alpha-04: rgba(30, 64, 175, 0.04);
    --wtp-primary-alpha-05: rgba(30, 64, 175, 0.05);
    --wtp-primary-alpha-10: rgba(30, 64, 175, 0.1);
    --wtp-primary-alpha-15: rgba(30, 64, 175, 0.15);
    --wtp-primary-alpha-30: rgba(30, 64, 175, 0.3);

    /* Extended grays & functional colors */
    --wtp-gray-400: var(--mcb-gray-400, #9ca3af);
    --wtp-gray-500: var(--mcb-gray-500, #adb5bd);
    --wtp-text-disabled: var(--wtp-gray-500);
    --wtp-warning-text: #856404;
    --wtp-selected-bg-deep: #bfdbfe;

    /* Selection backgrounds (for topic cards, templates, etc.) */
    --wtp-selected-bg: #eff6ff;
    --wtp-selected-bg-hover: #dbeafe;

    /* Party colors (political — semantic constants) */
    --wtp-party-labour: #dc2626;
    --wtp-party-conservative: #1e40af;
    --wtp-party-libdem: #f59e0b;
    --wtp-party-snp: #facc15;
    --wtp-party-green: #22c55e;
    --wtp-party-plaid: #059669;
    --wtp-party-dup: #d946ef;
    --wtp-party-sinnfein: #10b981;
    --wtp-party-alliance: #facc15;
    --wtp-party-sdlp: #f97316;
}

/*
 * NOTE: Base styles (body, h1-h6, .btn, .card, .form-control, etc.)
 * are provided by Bootstrap/Odoo and mcb_website shared components.
 * This file only defines addon-specific CSS custom properties.
 */