/* Active Estimating Theme - Extracted from active-main React app */

:root {
    /* Layout measurements */
    --header-height: 64px;
    --breadcrumb-height: 44px;
    --page-height-with-header: calc(100vh - var(--header-height));
    --page-height-with-header-and-breadcrumbs: calc(var(--page-height-with-header) - var(--breadcrumb-height));
    --full-height: 100vh;

    /* Colors - Material Design inspired but customized */
    --main-bg-color: #f5f5f5;
    --control-bg-color: #ffffff;
    --primary-color: #1976d2;
    --primary-dark: #115293;
    --primary-light: #4791db;
    --secondary-color: #dc004e;
    --text-primary: rgba(0, 0, 0, 0.87);
    --text-secondary: rgba(0, 0, 0, 0.6);
    --text-disabled: rgba(0, 0, 0, 0.38);
    --border-color: rgba(0, 0, 0, 0.12);
    --hover-bg: rgba(0, 0, 0, 0.04);
    --selected-bg: rgba(25, 118, 210, 0.08);

    /* Shadows */
    --shadow-1: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
    --shadow-2: 0px 3px 3px -2px rgba(0,0,0,0.2), 0px 3px 4px 0px rgba(0,0,0,0.14), 0px 1px 8px 0px rgba(0,0,0,0.12);
    --shadow-4: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;

    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Transitions */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}