@import url('themecolor/blue.css');@import url('themecolor/red.css');@import url('themecolor/brown.css');@import url('themecolor/cyan.css');@import url('themecolor/lightgrey.css');@import url('themecolor/satblue.css');@import url('themecolor/green.css');@import url('themecolor/lime.css');@import url('themecolor/satgreen.css');@import url('themecolor/navy.css');@import url('themecolor/orange.css');@import url('themecolor/pink.css');@import url('themecolor/purple.css');@import url('themecolor/lightred.css');@import url('themecolor/teal.css');@import url('themecolor/magenta.css');@import url('themecolor/grey.css');@import url('themecolor/darkblue.css');




:root {
    /* Dark */
    --color-red-dark: #e51400;
    --color-lightred-dark: #e63a3a;
    --color-orange-dark: #f8a31f;
    --color-green-dark: #339933;
    --color-brown-dark: #a05000;
    --color-blue-dark: #368ee0;
    --color-satblue-dark: #2c5e7b;
    --color-lime-dark: #8cbf26;
    --color-teal-dark: #00ABA9;
    --color-cyan-dark: #007a99;
    --color-pink-dark: #e671b8;
    --color-magenta-dark: #a200ff;
    --color-purple-dark: #FF0097;
    --color-grey-dark: #333;
    --color-lightgrey-dark: #666;
    --color-darkblue-dark: #204e81;
    --color-navy-dark: #204e81;
    --color-satgreen-dark: #56af45;
    /* Medium */
    --color-red-medium: #ef4444;
    --color-lightred-medium: #f87171;
    --color-orange-medium: #f59e0b;
    --color-green-medium: #4caf50;
    --color-brown-medium: #b86f2c;
    --color-blue-medium: #3b82f6;
    --color-satblue-medium: #457b9d;
    --color-lime-medium: #9ccc3c;
    --color-teal-medium: #14b8a6;
    --color-cyan-medium: #00a0bd;
    --color-pink-medium: #e88bc0;
    --color-magenta-medium: #b23cff;
    --color-purple-medium: #ec4899;
    --color-grey-medium: #6b7280;
    --color-lightgrey-medium: #9ca3af;
    --color-darkblue-medium: #3b6e9e;
    --color-navy-medium: #2d6098;
    --color-satgreen-medium: #69bd58;
    /* Matching Soft Light Colors (Backgrounds & Active Cards) */
    --color-red-light: #fff5f5;
    --color-lightred-light: #fef2f2;
    --color-orange-light: #fffaf0;
    --color-green-light: #f0fff4;
    --color-brown-light: #fdf8f0;
    --color-blue-light: #ebf8ff;
    --color-satblue-light: #f0f5f8;
    --color-lime-light: #f7ffe6;
    --color-teal-light: #f0fdfa;
    --color-cyan-light: #e6f9ff;
    --color-pink-light: #fff5f7;
    --color-magenta-light: #f5edfe;
    --color-purple-light: #fdf2f8;
    --color-grey-light: #f9fafb;
    --color-lightgrey-light: #f8fafc;
    --color-darkblue-light: #eff6ff;
    --color-navy-light: #ebf8ff;
    --color-satgreen-light: #f0fff4;
    /* Soft / Pastel Tone (Screenshot ke mutabiq thoda prominent shade) */
    /* Soft / Subtle Tone (Screenshot ke exact match ke mutabiq) */
    --color-red-soft: #fdd5d5;
    --color-lightred-soft: #fee2e2;
    --color-orange-soft: #fde6b0;
    --color-green-soft: #c3f5d3;
    --color-brown-soft: #fce3c7;
    --color-blue-soft: #c1e1fc;
    --color-satblue-soft: #d6e4ed;
    --color-lime-soft: #e5fabb;
    --color-teal-soft: #ccfbf1;
    --color-cyan-soft: #b2f1f8;
    --color-pink-soft: #fcd9ee;
    --color-magenta-soft: #ebd6fe;
    --color-purple-soft: #fbcfe8;
    --color-grey-soft: #f3f4f6;
    --color-lightgrey-soft: #f1f5f9;
    --color-darkblue-soft: #dbeafe;
    --color-navy-soft: #b6d7fe;
    --color-satgreen-soft: #cef8d3;
    /* Active Theme Defaults */
    --primary-color: var(--color-brown-dark);
    --primary-color-light: var(--color-brown-light);
    /* Layout Baseline Variables */
    --navy-950: #0b1330;
    --navy-900: #0f1b3d;
    --navy-800: #152251;
    --indigo-600: #3352d8;
    --indigo-500: #4a63e8;
    --grey-950: #999;
    --grey-900: #b0b0b0;
    --bg: #f4f6fb;
    --white: #ffffff;
    --grey: #DDD;
    --grey-2: #EEE;
    --grey-3: #CCC;
    --green-custom: #47cb2d;
    --card-active-bg: #e2e8f0;
    --ink: #0f172a;
    --ink-soft: #5b6478;
    --ink-medium: #B8C2D1;
    --line: #e7eaf2;
    /* Shadows & Radii */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);
    --shadow-md: 0 8px 24px -8px rgba(15, 27, 61, .14);
    --shadow-lg: 0 24px 48px -16px rgba(15, 27, 61, .22);
    --radius-lg: 20px;
    --radius-md: 14px;
}