/**
 * Kolaras Hulchal - Design System CSS Custom Properties
 *
 * @package Kolaras_Hulchal
 * @version 1.0.0
 */

:root {
    /* Primary Brand Colors */
    --kh-navy-dark: #0B132B;
    --kh-navy-main: #1C2541;
    --kh-navy-light: #3A506B;
    --kh-red-primary: #D90429;
    --kh-red-hover: #EF233C;
    --kh-red-dark: #A0001C;

    /* Background Colors */
    --kh-bg-body: #F8FAFC;
    --kh-bg-white: #FFFFFF;
    --kh-bg-card: #FFFFFF;
    --kh-bg-muted: #F1F5F9;

    /* Text Colors */
    --kh-text-main: #0F172A;
    --kh-text-muted: #64748B;
    --kh-text-light: #94A3B8;
    --kh-text-inverse: #FFFFFF;

    /* Border Colors */
    --kh-border: #E2E8F0;
    --kh-border-dark: #CBD5E1;

    /* Layout & Shadows */
    --kh-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --kh-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    /* Typography */
    --kh-font-body: 'Noto Sans Devanagari', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --kh-font-heading: 'Tiro Devanagari Hindi', 'Noto Sans Devanagari', Georgia, serif;

    /* Layout Dimensions */
    --kh-radius: 6px;
    --kh-max-width: 1280px;
}