/* ===========================================================
   FlowERP Theme v1.0
   -----------------------------------------------------------
   Global Design Tokens
   =========================================================== */

:root {
    /*=========================================================
      Brand Colors
    =========================================================*/

    --erp-primary: #1769C2;
    --erp-primary-hover: #1458A8;
    --erp-success: #16845B;
    --erp-warning: #B77900;
    --erp-danger: #C73535;
    --erp-info: #247C9D;
    /*=========================================================
      Neutral Colors
    =========================================================*/

    --erp-white: #FFFFFF;
    --erp-background: #F5F7F7;
    --erp-surface: #FFFFFF;
    --erp-border: #DCE4E8;
    --erp-border-light: #EDF1F3;
    /*=========================================================
      Text Colors
    =========================================================*/

    --erp-text: #17324D;
    --erp-text-secondary: #66788A;
    --erp-text-muted: #8A98A6;
    /*=========================================================
      Typography
    =========================================================*/

    --erp-font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --erp-font-size-xs: 12px;
    --erp-font-size-sm: 13px;
    --erp-font-size-md: 14px;
    --erp-font-size-lg: 16px;
    --erp-font-size-xl: 18px;
    --erp-font-size-2xl: 24px;
    --erp-font-size-page: 28px;
    /*=========================================================
      Font Weight
    =========================================================*/

    --erp-font-normal: 400;
    --erp-font-medium: 500;
    --erp-font-semibold: 600;
    --erp-font-bold: 700;
    /*=========================================================
      Spacing
    =========================================================*/

    --erp-space-xs: 4px;
    --erp-space-sm: 8px;
    --erp-space-md: 16px;
    --erp-space-lg: 24px;
    --erp-space-xl: 32px;
    --erp-space-2xl: 48px;
    /*=========================================================
      Border Radius
    =========================================================*/

    --erp-radius-sm: 6px;
    --erp-radius-md: 8px;
    --erp-radius-lg: 12px;
    --erp-radius-xl: 16px;
    --erp-radius-pill: 999px;
    /*=========================================================
      Shadows
    =========================================================*/

    --erp-shadow-sm: 0 1px 2px rgba(15,23,42,.05);
    --erp-shadow-md: 0 4px 12px rgba(15,23,42,.08);
    --erp-shadow-lg: 0 10px 25px rgba(15,23,42,.12);
    /*=========================================================
      Animation
    =========================================================*/

    --erp-transition-fast: .15s;
    --erp-transition-normal: .25s;
    --erp-transition-slow: .35s;
    /*=========================================================
      Layout
    =========================================================*/

    --erp-page-max-width: 1600px;
    --erp-input-height: 42px;
    --erp-button-height: 40px;
    --erp-toolbar-height: 48px;
}