@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body,
body *,
[data-css="app"],
[data-css="app"] * {
    font-family: 'Inter', sans-serif !important;
}

:root {
    --admin-app-font-size: 14px;
    --admin-app-font-weight: 400;
    --admin-app-line-height: 1.5;
    
    /* BASE: Absolute colors */
    --admin-base-white: #ffffff;
    --admin-base-black: #000000;

    /* PRIMARY: Pure Purple Scale (#9013fe) */
    --admin-primary-900: #7d0be0;
    --admin-primary-800: #810ae9;
    --admin-primary-700: #9013fe;
    --admin-primary-150: #e9dcff;
    --admin-primary-50:  #f9f5ff;

    /* ACCENT: Indigo/Violet Scale (Functional) */
    --admin-accent-600: #5d45c2;
    --admin-accent-500: #6a64d9;
    --admin-accent-200: #dce1ff;

    /* Gray */
    --admin-gray-1000: #4c4c4c;
    --admin-gray-950: #545e6d;
    --admin-gray-900: #81818b;
    --admin-gray-850: #8e8f9b;
    --admin-gray-800: #98a1af;
    --admin-gray-750: #a8a9b2;
    --admin-gray-700: #afb6c1;
    --admin-gray-600: #c0cacf;
    --admin-gray-500: #ced6da;
    --admin-gray-400: #d8dde1;
    --admin-gray-350: #e2e7eb;
    --admin-gray-300: #e5e5e5;
    --admin-gray-250: #e2e8f0;
    --admin-gray-200: #edf2f7;
    --admin-gray-150: #edeff2;
    --admin-gray-100: #f4f4f5;
    --admin-gray-50:  #f7f9fa;

    /* STATUS: success */
    --admin-success-800: #007a58;
    --admin-success-500: #00a376;
    --admin-success-100: #e6f6f1;

    /* STATUS: error */
    --admin-error-800:#c2003b;
    --admin-error-500:#ff004d;
    --admin-error-100:#ffd3db;
    --admin-error-50: #ffebef;

    /* STATUS: warning */
    --admin-warning-800: #b35a16;
    --admin-warning-500: #ff8a3d;
    --admin-warning-100: #fff1e9;

    /* STATUS: info */
    --admin-info-800: #004a80;
    --admin-info-500: #0077cc;
    --admin-info-100: #eaf4ff;

    /* HIGHLIGHT */
    --admin-highlight-800: #756a00;
    --admin-highlight-500: #ffeb3b;
    --admin-highlight-100: #fffbe6;
    
    /* Button */
    --admin-button-font-size: 14px;
    --admin-button-font-weight: 600;
    --admin-button-border-radius: 6px;
    --admin-button-padding: 9px 14px;
    --admin-button-line-height: 20px;

    /* Form controls label */
    --admin-form-control-label-font-size: 14px;
    --admin-form-control-label-font-weight: 600;
    --admin-form-control-label-font-style: normal;
    --admin-form-control-label-line-height: 20px;

    /* Form controls */
    --admin-form-control-height: 40px;
    --admin-form-control-border-radius: 6px;
    --admin-form-control-padding: 10px;
}