/* MSDP design tokens, v0.1 (proposal). Role-based names; values taken from the workspace (Tailwind slate, #c81e2b)
   and the field app (field_theme.dart) so web, workspace and mobile can converge on one set. */
:root {
    /* Surfaces: canvas, then layers that step lighter. */
    --msdp-canvas: #f8fafc;
    --msdp-layer: #ffffff;
    --msdp-layer-sunken: #f1f5f9;
    --msdp-inverse: #0f2444;

    /* Text and lines. */
    --msdp-text: #0f172a;
    --msdp-text-secondary: #475569;
    --msdp-text-muted: #64748b;
    --msdp-text-on-inverse: #ffffff;
    --msdp-border: #e2e8f0;
    --msdp-border-strong: #cbd5e1;

    /* One action colour. Red means "act here", never "error". */
    --msdp-action: #c81e2b;
    --msdp-action-hover: #b51a26;
    --msdp-action-soft: #fdecee;
    --msdp-link: #1d4ed8;
    --msdp-focus: #1d4ed8;

    /* Status: colour is reserved for the state of work and value. Each has a tint, a text colour and a solid. */
    --msdp-open-bg: #f1f5f9;      --msdp-open-text: #475569;      --msdp-open: #94a3b8;
    --msdp-progress-bg: #eff6ff;  --msdp-progress-text: #1e40af;  --msdp-progress: #1d4ed8;
    --msdp-review-bg: #f5f3ff;    --msdp-review-text: #5b21b6;    --msdp-review: #7c3aed;
    --msdp-returned-bg: #fffbeb;  --msdp-returned-text: #92400e;  --msdp-returned: #b45309;
    --msdp-ready-bg: #fdecee;     --msdp-ready-text: #9f1239;     --msdp-ready: #c81e2b;
    --msdp-approved-bg: #ecfdf5;  --msdp-approved-text: #065f46;  --msdp-approved: #047857;

    /* Type: Inter, as in the workspace and the field app. */
    --msdp-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --msdp-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --msdp-text-xs: 12px;
    --msdp-text-sm: 14px;
    --msdp-text-md: 16px;
    --msdp-text-lg: 20px;
    --msdp-text-xl: 28px;
    --msdp-text-2xl: 40px;
    --msdp-text-3xl: 56px;

    /* Space on a 4px grid; radius, depth and motion kept to a few steps. */
    --msdp-space-1: 4px;
    --msdp-space-2: 8px;
    --msdp-space-3: 12px;
    --msdp-space-4: 16px;
    --msdp-space-6: 24px;
    --msdp-space-8: 32px;
    --msdp-space-12: 48px;
    --msdp-space-16: 64px;
    --msdp-radius-sm: 4px;
    --msdp-radius-md: 8px;
    --msdp-radius-lg: 12px;
    --msdp-radius-full: 999px;
    --msdp-shadow-1: 0 1px 2px rgb(15 23 42 / 6%);
    --msdp-shadow-2: 0 8px 24px rgb(15 23 42 / 10%);
    --msdp-motion-fast: 120ms;
    --msdp-motion-base: 220ms;
    --msdp-touch: 44px;
}