/* ============================================================
   eSehat / XIVRA — Shared Theme Variables (adamkhor palette)
   ============================================================ */

:root {
    /* Primary green — matches adamkhor / XIVRA */
    --color-primary-900:  #0f5b2f;
    --color-primary-800:  #166b38;
    --color-primary-700:  #1d7d43;
    --color-primary-600:  #279a55;
    --color-primary-500:  #38ad68;
    --color-primary-100:  #eaf7ef;
    --color-primary-50:   #f4fbf7;

    /* Aliases used across eSehat */
    --color-primary:        var(--color-primary-600);
    --color-primary-dark:   var(--color-primary-700);
    --color-primary-light:  var(--color-primary-100);
    --color-primary-soft:   var(--color-primary-50);
    --color-accent:         #2563eb;
    --color-accent-soft:    #dbeafe;

    /* Surfaces & text */
    --color-bg:             #f6f8fa;
    --color-page:           #f6f8fa;
    --color-surface:        #ffffff;
    --color-text:           #172033;
    --color-text-muted:     #667085;
    --color-text-light:     #94a3b8;
    --color-border:         #e2e7ec;
    --color-border-light:   #eef1f4;

    /* Nav */
    --color-nav-bg:         #ffffff;
    --color-nav-hover:      var(--color-primary-50);

    /* Semantic */
    --color-success:        #138a4b;
    --color-success-bg:     #dcfce7;
    --color-error:          #c92a2a;
    --color-error-bg:       #fee2e2;
    --color-warning:        #b65c00;
    --color-warning-bg:     #fff3cd;
    --color-info:           #2563eb;
    --color-info-bg:        #dbeafe;

    /* Radii & shadows — XIVRA minimal */
    --radius-sm:            8px;
    --radius-md:            12px;
    --radius-lg:            18px;
    --radius-xl:            24px;
    --shadow-sm:            0 1px 2px rgba(16, 24, 40, 0.04);
    --shadow-md:            0 6px 20px rgba(16, 24, 40, 0.08);
    --shadow-lg:            0 12px 30px rgba(16, 24, 40, 0.1);
    --shadow-dropdown:      0 12px 30px rgba(16, 24, 40, 0.12);

    /* Typography */
    --font-family:          'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-xs:              11px;
    --font-sm:              12px;
    --font-base:            13px;
    --font-md:              14px;
    --font-lg:              16px;
    --font-xl:              20px;

    --nav-height:           52px;
    --transition:           0.15s ease;
    --container-max:        1280px;

    /* Legacy aliases */
    --color-white:          #ffffff;
    --color-input-bg:       #ffffff;
}