/**
 * Kavach Design System — single source of truth for brand tokens.
 * All modules should alias these variables; do not hardcode brand colors elsewhere.
 */

:root {
    /* Brand */
    --brand-primary: #ff6a00;
    --brand-primary-dark: #cc5500;
    --brand-primary-soft: #fff1e6;
    --brand-on-primary: #ffffff;

    /* Marketing website override (CMS can change; defaults warmer tone) */
    --marketing-primary: #e87a33;
    --marketing-primary-dark: #9e562b;

    /* Surfaces */
    --surface-bg: #ffffff;
    --surface-alt: #f7f7f7;
    --surface-muted: #fef8f3;

    /* Text */
    --text-primary: #111111;
    --text-secondary: #444444;
    --text-muted: #6c757d;

    /* Borders */
    --border-default: #e5e5e5;
    --border-subtle: #e8ecef;

    /* Semantic */
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-warning: #ffc107;
    --color-info: #17a2b8;

    /* WhatsApp (semantic only — not brand) */
    --wa-green: #25d366;
    --wa-green-dark: #128c7e;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 2px 12px rgba(15, 23, 42, 0.06);
    --shadow-lg: 0 8px 28px rgba(15, 23, 42, 0.1);

    /* Spacing scale */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    /* Typography */
    --font-erp: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-website: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-module: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Layout */
    --container-max: 1200px;
    --nav-height: 56px;

    /* Backward-compatible aliases used across existing styles */
    --primary-color: var(--brand-primary);
    --secondary-color: var(--text-primary);
    --success-color: var(--color-success);
    --danger-color: var(--color-danger);
    --warning-color: var(--color-warning);
    --info-color: var(--color-info);
    --light-bg: var(--surface-alt);
    --dark-text: var(--text-primary);
    --border-color: var(--border-default);
}