@font-face {
    font-family: "Argess";
    src: url("../assets/fonts/Argess.woff2") format("woff2"),
         url("../assets/fonts/Argess.woff") format("woff");
    font-weight: 100 950;
    font-style: normal;
    font-display: swap;
}

:root {
    --arg-font-family: "Argess", Tahoma, Arial, sans-serif;

    /* Brand: deep navy, clear blue and controlled petrol. */
    --arg-color-primary: #102b4b;
    --arg-color-primary-hover: #0c2038;
    --arg-color-primary-pressed: #08192c;
    --arg-color-primary-soft: #e7f0f9;
    --arg-color-primary-faint: #f3f8fd;
    --arg-color-accent: #2875c7;
    --arg-color-accent-hover: #1f62a8;
    --arg-color-accent-soft: #e9f3ff;
    --arg-color-accent-faint: #f5f9ff;
    --arg-color-petrol: #168b84;
    --arg-color-petrol-soft: #e8f7f5;

    /* Warm color is intentionally limited to warnings and small highlights. */
    --arg-color-luxury: #c86b22;
    --arg-color-luxury-soft: #fff2e5;

    /* Semantic colors. */
    --arg-color-success: #18875f;
    --arg-color-success-soft: #e7f7f0;
    --arg-color-warning: #b66b20;
    --arg-color-warning-soft: #fff4e8;
    --arg-color-danger: #c23d4b;
    --arg-color-danger-soft: #fff0f2;
    --arg-color-info: #2875c7;
    --arg-color-info-soft: #e9f3ff;

    /* Cool, clean application surfaces. */
    --arg-bg-page: #eef4f9;
    --arg-bg-page-warm: #f8fbfe;
    --arg-bg-surface: #ffffff;
    --arg-bg-surface-pure: #ffffff;
    --arg-bg-surface-soft: #f7fafd;
    --arg-bg-surface-muted: #edf3f8;
    --arg-bg-sidebar: #0c2038;
    --arg-bg-sidebar-2: #102b4b;
    --arg-bg-sidebar-active: rgba(58,141,224,.18);
    --arg-bg-sidebar-hover: rgba(255,255,255,.075);

    /* Text. */
    --arg-text-primary: #172334;
    --arg-text-secondary: #40516a;
    --arg-text-muted: #718198;
    --arg-text-soft: #8997aa;
    --arg-text-disabled: #98a5b4;
    --arg-text-on-dark: #f7fbff;
    --arg-text-on-dark-muted: #a9bfd3;

    /* Borders and focus. */
    --arg-border: #dce5ee;
    --arg-border-soft: #e9eef4;
    --arg-border-strong: #cbd8e5;
    --arg-border-hover: #aebfd0;
    --arg-focus-ring: rgba(58,141,224,.16);
    --arg-danger-ring: rgba(194,61,75,.13);

    /* Shared control contract. */
    --arg-control-height: 44px;
    --arg-control-radius: 10px;
    --arg-control-padding-x: 13px;
    --arg-control-bg: #ffffff;
    --arg-control-bg-hover: #fbfdff;
    --arg-control-bg-readonly: #f4f7fa;
    --arg-control-bg-disabled: #edf1f5;
    --arg-control-border: var(--arg-border-strong);
    --arg-control-border-hover: var(--arg-border-hover);
    --arg-control-border-focus: var(--arg-color-accent);
    --arg-control-text: var(--arg-text-primary);
    --arg-control-placeholder: #96a4b4;
    --arg-control-icon: #7590aa;

    /* Shape and sizing. */
    --arg-radius-xs: 8px;
    --arg-radius-sm: 10px;
    --arg-radius-md: 16px;
    --arg-radius-lg: 20px;
    --arg-radius-xl: 24px;
    --arg-sidebar-width: 292px;
    --arg-sidebar-collapsed-width: 78px;
    --arg-header-height: 68px;
    --arg-footer-height: 34px;

    /* Elevation inspired by the approved Argess tool UI. */
    --arg-shadow-xs: 0 1px 2px rgba(23,61,105,.04);
    --arg-shadow-sm: 0 8px 24px rgba(23,61,105,.08);
    --arg-shadow-md: 0 18px 48px rgba(17,47,82,.12);
    --arg-shadow-lg: 0 30px 75px rgba(11,37,66,.18);
    --arg-shadow-float: 0 16px 44px rgba(13,43,75,.16);
    --arg-overlay: rgba(8,25,44,.58);

    /* Layering contract. */
    --arg-z-sidebar-mobile: 1300;
    --arg-z-sidebar-backdrop: 1290;
    --arg-z-header: 30;
    --arg-z-modal: 5200;
    --arg-z-confirm: 5300;
    --arg-z-toast: 5500;
    --arg-z-help: 5600;
    --arg-z-picker: 5650;
    --arg-z-select: 5750;

    --arg-transition-fast: 120ms cubic-bezier(.2,.8,.2,1);
    --arg-transition: 180ms cubic-bezier(.2,.8,.2,1);
    --arg-transition-slow: 260ms cubic-bezier(.2,.8,.2,1);

    /* AG Grid: dark professional header with readable white labels. */
    --arg-grid-header-bg: #102b4b;
    --arg-grid-header-bg-2: #173f69;
    --arg-grid-header-text: #ffffff;
    --arg-grid-row-hover: #fbfdff;
    --arg-grid-selected: #e9f3ff;
    --arg-grid-border: #dce5ee;

    /* Chart contract. */
    --arg-chart-blue: #2875c7;
    --arg-chart-blue-soft: rgba(40,117,199,.16);
    --arg-chart-petrol: #168b84;
    --arg-chart-petrol-soft: rgba(22,139,132,.14);
    --arg-chart-violet: #7157b8;
    --arg-chart-orange: #c86b22;
    --arg-chart-grid: #edf2f6;

    --arg-status-active-bg: #e9f3ff;
    --arg-status-active-border: #c6ddf4;
    --arg-status-active-text: #1f5f9f;
    --arg-status-muted-bg: #f1f4f7;
    --arg-status-muted-border: #d9e0e7;
    --arg-status-muted-text: #647184;
}