@import 'variables.css?v=3';

:root {
    --dash-bg: var(--order-bg);
    --dash-primary-dark: var(--color-primary-900);
    --dash-primary: var(--color-primary-600);
    --dash-primary-light: var(--color-primary-400);
    --dash-primary-tint: #eef1ff;
    --dash-primary-tint-soft: #e8eefc;
    --dash-primary-wash: #f8faff;
    --dash-secondary: #0aa395;
    --dash-secondary-dark: var(--color-secondary-700);
    --dash-secondary-bg: #e7f7f6;
    --dash-warning: #f59e0b;
    --dash-warning-bg: #fef3c7;
    --dash-text: #060606;
    --dash-muted: #4a5565;
    --dash-border: #e5e7eb;
    --dash-gray: #686866;
    --dash-surface: #fff;
    --dash-on-accent: #fff;

    --dash-shadow-xs: rgba(11, 32, 85, 0.04);
    --dash-shadow-sm: rgba(11, 32, 85, 0.08);
    --dash-shadow-md: rgba(11, 32, 85, 0.12);
    --dash-shadow-lg: rgba(11, 32, 85, 0.14);
    --dash-ring: rgba(73, 111, 213, 0.12);
    --dash-ring-strong: rgba(25, 68, 185, 0.12);

    --dash-input-readonly-bg: #f6f7f9;
    --dash-input-locked-bg: #f4f6fb;
    --dash-input-locked-border: #c3ccdb;
    --dash-switch-off: #d1d5db;

    --dash-success: #10b981;
    --dash-success-text: #15803d;
    --dash-success-ink: #047857;
    --dash-success-bg: #ecfdf5;
    --dash-success-border: #a7f3d0;
    --dash-formula-ink: #6d28d9;
    --dash-formula-bg: #f5f3ff;
    --dash-error: #ef4444;
    --dash-error-dark: #b91c1c;
    --dash-error-bg: #fef2f2;
    --dash-error-border: #fecaca;
    --dash-alert-error: #c0392b;
    --dash-alert-error-bg: #fdecea;

    --breakpoint-content: 1432px;
}