/**
 * BYB Dashboard color system (from design palette)
 * Primary = Green scale | Secondary = Blue scale | Neutral = grayscale
 */
:root {
    /* Primary (Green) */
    --primary-50: #F4F9EE;
    --primary-100: #E9F2DC;
    --primary-150: #DEECCB;
    --primary-200: #D3E5B9;
    --primary-300: #BDD897;
    --primary-400: #A7CB74;
    --primary-500: #91BE51;
    --primary-600: #749841;
    --primary-700: #577231;
    --primary-800: #3A4C20;
    --primary-900: #2C3918;
    --primary-950: #1D2610;

    --primary: var(--primary-500);
    --primary-hover: var(--primary-600);
    --primary-soft: var(--primary-100);
    --primary-soft-bg: var(--primary-50);
    --primary-text: var(--primary-700);
    --primary-text-muted: var(--primary-600);

    /* Secondary (Blue) */
    --secondary-0: #F4F8FA;
    --secondary-50: #E8F6FE;
    --secondary-100: #D1E9F7;
    --secondary-150: #BBDCF0;
    --secondary-200: #A4CFE9;
    --secondary-300: #8EC2E2;
    --secondary-400: #60A9D4;
    --secondary-500: #338FC6;
    --secondary-600: #0675B8;
    --secondary-700: #055E93;
    --secondary-800: #04466E;
    --secondary-900: #022F4A;
    --secondary-950: #022337;
    --secondary-1000: #011725;

    --secondary: var(--secondary-500);
    --secondary-hover: var(--secondary-600);
    --secondary-soft: var(--secondary-100);
    --secondary-soft-bg: var(--secondary-50);
    --secondary-text: var(--secondary-800);

    /* Neutral */
    --neutral-0: #FFFFFF;
    --neutral-50: #F3F3F3;
    --neutral-100: #E8E8E8;
    --neutral-150: #DCDCDC;
    --neutral-200: #D1D1D1;
    --neutral-300: #B9B9B9;
    --neutral-400: #A2A2A2;
    --neutral-500: #8B8B8B;
    --neutral-600: #6F6F6F;
    --neutral-700: #535353;
    --neutral-800: #383838;
    --neutral-900: #2A2A2A;
    --neutral-950: #1C1C1C;
    --neutral-975: #0E0E0E;
    --neutral-1000: #000000;

    /* Semantic aliases (Figma: page canvas = Blue/0) */
    --surface-page: var(--secondary-0);
    --surface-card: var(--neutral-0);
    --surface-muted: var(--neutral-50);
    --surface-active: var(--neutral-100);
    --surface-primary-soft: var(--primary-50);
    --surface-today: var(--primary-50);

    --border-default: var(--neutral-100);
    --border-subtle: var(--neutral-150);
    --border-strong: var(--neutral-300);

    --text-primary: var(--neutral-900);
    --text-secondary: var(--neutral-700);
    --text-muted: var(--neutral-500);
    --text-inverse: var(--neutral-0);
    --text-on-primary: var(--neutral-0);
    /* Figma "Blue-950" (#011725) — scale step is secondary-1000 */
    --text-heading: var(--secondary-1000);

    --shadow-header: 0 4px 9px rgba(219, 217, 217, 0.25);
    --shadow-card: 0 4px 12px -2px #EFEFF4;
    --shadow-sidebar: var(--shadow-header);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;

    --font-family: IRANSans, Tahoma, sans-serif;

    --danger: #CA3030;
    --danger-soft: #fff5f5;
    --warning: #f59e0b;
    --warning-hover: #d97706;
}