/**
 * EGMA — ERPNext-alike design tokens
 * Fonts: Inter (UI), same as the ERPNext desk refresh
 * Colors: ink-* (text), surface-* (bg), blue accent
 */

:root {
    /* Font (desk uses Inter) */
    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;

    /* Base size — increase for bigger UI text */
    --font-size-base: 16px;

    /* Text — desk UI ink scale */
    --ink-white: #FFFFFF;
    --ink-gray-1: #EDEDED;
    --ink-gray-2: #E2E2E2;
    --ink-gray-3: #C7C7C7;
    --ink-gray-4: #999999;
    --ink-gray-5: #7C7C7C;
    --ink-gray-6: #525252;
    --ink-gray-7: #525252;
    --ink-gray-8: #383838;
    --ink-gray-9: #171717;

    /* Blue (primary / links — desk) */
    --ink-blue-1: #F2F9FF;
    --ink-blue-2: #0289F7;
    --ink-blue-3: #007BE0;
    --ink-blue-6: #0A4D8C;
    --ink-blue-link: #73BBF6;

    /* Red, green, amber (status, alerts) */
    --ink-red-3: #E03636;
    --ink-green-2: #46B37E;
    --ink-green-3: #065f46;
    --ink-amber-2: #E79913;
    --ink-amber-3: #92400e;

    /* Surface (backgrounds) */
    --surface-gray-1: #FFFFFF;
    --surface-gray-2: #FAFAFA;
    --surface-gray-3: #F5F5F5;
    --surface-gray-4: #EBEBEB;
    --surface-gray-5: #E0E0E0;
    --surface-gray-6: #BDBDBD;
    --surface-gray-7: #9E9E9E;
    --surface-blue-1: #F2F9FF;
    --surface-blue-2: #E6F3FF;

    /* Semantic (map to our layout) */
    --theme-primary: var(--ink-blue-2);
    --theme-primary-dark: var(--ink-blue-3);
    --theme-primary-light: var(--surface-blue-1);
    --theme-primary-bg: var(--surface-blue-2);

    --text-primary: var(--ink-gray-9);
    --text-secondary: var(--ink-gray-6);
    --text-muted: var(--ink-gray-5);
    /* Body links: darker link blue for contrast on white */
    --text-link: var(--ink-blue-3);
    --text-link-hover: var(--ink-blue-6);

    --border-light: var(--ink-gray-2);
    --border-medium: var(--ink-gray-3);
    --bg-page: var(--surface-gray-3);
    --bg-card: var(--surface-gray-1);
    --bg-sidebar: var(--surface-gray-1);

    /* Layout */
    --sidebar-width: 260px;
    --sidebar-collapsed-width: 56px;
    --header-height: 48px;
    --splash-duration: 600ms;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;

    /* Buttons — flat / classic (outline + solid, no 3D) */
    --btn-radius: 8px;
    --btn-radius-sm: 6px;
    --btn-border: #e5e5e5;
    --btn-border-strong: #d4d4d4;
    --btn-bg-secondary: #ffffff;
    --btn-bg-secondary-hover: #fafafa;
    --btn-primary-solid: #171717;
    --btn-primary-solid-hover: #404040;

    /* Shadows (modern cards/surfaces) */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);

    /* Spacing scale (4px base) */
    --space-1: 0.25rem;   /* 4px */
    --space-2: 0.5rem;    /* 8px */
    --space-3: 0.75rem;   /* 12px */
    --space-4: 1rem;      /* 16px */
    --space-5: 1.25rem;   /* 20px */
    --space-6: 1.5rem;    /* 24px */
    --space-8: 2rem;      /* 32px */
    --space-10: 2.5rem;   /* 40px */

    /* Typography scale */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* Focus (a11y) */
    --focus-ring: 2px solid var(--ink-blue-2);
    --focus-ring-offset: 2px;

    /* Form controls (shared across desk) */
    --form-control-bg: var(--surface-gray-1);
    --form-control-radius: var(--radius-md);
    --form-control-height: 2.35rem;

    /* Panels / cards — one surface language (classic: crisp border, minimal shadow) */
    --desk-panel-bg: var(--bg-card);
    --desk-panel-border: 1px solid var(--border-light);
    --desk-panel-radius: 8px;
    --desk-panel-shadow: none;

    /* Floating menus (header user, list toolbar, autocomplete) */
    --desk-dropdown-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}