/*
 * Steady Hand theme: the light Resourcing workspace look carried into Approvals. Soft gray-white
 * paper, a white rail under one-pixel sage rules, Public Sans, flat surfaces, and Ink Blue as the
 * one signal where Resourcing uses Steady Teal.
 * The --wf-* remap lets screens still built on r005 classes inherit the theme.
 */
:root {
  --sh-canvas: #f6f7f4;
  --sh-surface: #ffffff;
  --sh-surface-sunken: #edf1ee;
  --sh-hover: #f2f5f2;
  --sh-track: #e3e8e4;
  --sh-text: #26332d;
  --sh-text-2: #4a574f;
  --sh-text-3: #657269;
  --sh-text-disabled: #8a958d;
  --sh-border: #d7ddd8;
  --sh-border-strong: #7d8a82;
  --sh-border-hover: #aeb8b1;
  --sh-control-border: #c6cfc8;

  --sh-accent: #1f4e79;
  --sh-accent-hover: #183f63;
  --sh-accent-press: #12314e;
  --sh-accent-tint: #e4ecf4;
  --sh-accent-tint-strong: #d3e0ee;
  --sh-on-accent: #ffffff;
  --sh-focus-ring: rgb(31 78 121 / 30%);

  --sh-nav: #ffffff;
  --sh-nav-hover: var(--sh-accent-tint);
  --sh-nav-current: var(--sh-accent-tint);
  --sh-nav-text: #4a574f;
  --sh-nav-muted: #657269;
  --sh-nav-rule: var(--sh-border);

  --sh-open-bg: #fff4d6;
  --sh-open-border: #e4cb8c;
  --sh-open-text: #765809;
  --sh-approved-bg: #e0f4e6;
  --sh-approved-border: #a7d7b7;
  --sh-approved-text: #176b39;
  --sh-approved: #1e7a43;
  --sh-rejected-bg: #fde2e5;
  --sh-rejected-border: #e2aaa7;
  --sh-rejected-text: #9f2d27;
  --sh-rejected: #b3362f;
  --sh-rejected-ring: rgb(179 54 47 / 16%);
  --sh-neutral-bg: #edf1ee;
  --sh-neutral-border: #d7ddd8;
  --sh-neutral-text: #26332d;

  --sh-font: "Public Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --sh-text-xs: 12px;
  --sh-text-sm: 13px;
  --sh-text-md: 14px;
  --sh-text-lg: 16px;
  --sh-text-xl: 20px;
  --sh-text-2xl: 24px;
  --sh-text-route: 28px;

  --sh-radius-sm: 6px;
  --sh-radius: 8px;
  --sh-radius-lg: 10px;
  --sh-radius-xl: 14px;
  /* Flat by default: only a floating or blocking layer casts a shadow. */
  --sh-shadow-1: none;
  --sh-shadow-2: 0 8px 20px rgb(38 51 45 / 10%);
  --sh-shadow-3: 0 18px 44px rgb(38 51 45 / 16%);
  --sh-shadow-4: 0 -4px 12px rgb(38 51 45 / 6%);
  --sh-overlay: rgb(38 51 45 / 42%);
  --sh-ease: cubic-bezier(.2, 0, 0, 1);

  --wf-white: var(--sh-surface);
  --wf-gray-25: var(--sh-hover);
  --wf-gray-50: var(--sh-canvas);
  --wf-gray-100: var(--sh-surface-sunken);
  --wf-gray-200: var(--sh-border);
  --wf-gray-300: var(--sh-border-strong);
  --wf-gray-400: var(--sh-border-strong);
  --wf-gray-500: var(--sh-text-3);
  --wf-gray-600: var(--sh-text-2);
  --wf-gray-700: var(--sh-text);
  --wf-gray-800: var(--sh-text);
  --wf-surface: var(--sh-surface);
  --wf-surface-muted: var(--sh-surface-sunken);
  --wf-surface-raised: var(--sh-surface);
  --wf-border: var(--sh-border);
  --wf-border-strong: var(--sh-border-strong);
  --wf-text: var(--sh-text);
  --wf-text-muted: var(--sh-text-2);
  --wf-text-subtle: var(--sh-text-3);
  --wf-focus: var(--sh-accent);
  --wf-emphasis: var(--sh-accent);
  --wf-emphasis-hover: var(--sh-accent-hover);
  --wf-on-emphasis: var(--sh-on-accent);
  --wf-radius-1: var(--sh-radius-sm);
  --wf-radius-2: var(--sh-radius-sm);
  --wf-radius-3: var(--sh-radius);
  --wf-radius-4: var(--sh-radius-lg);
  --wf-shadow-1: var(--sh-shadow-1);
  --wf-shadow-2: var(--sh-shadow-3);
  --wf-font-sans: var(--sh-font);
  --wf-text-2xs: 11px;
  --wf-text-xs: var(--sh-text-xs);
  --wf-text-sm: var(--sh-text-sm);
  --wf-text-md: var(--sh-text-md);
  --wf-text-lg: var(--sh-text-lg);
  --wf-text-xl: 18px;
  --wf-text-2xl: var(--sh-text-xl);
  --wf-sidebar-width: 240px;
  --wf-motion-fast: 150ms;
  --wf-motion-medium: 200ms;
  --wf-motion-ease: var(--sh-ease);
}