/* Signoff / ServiceOS design tokens — light neutral canvas */

:root {
  /* Signoff semantic surface + ink */
  --bg: #fbfbfa;
  --surface: #ffffff;
  --surface-2: #f7f7f6;
  --border: #ececeb;
  --border-strong: #dcdcda;
  --ink: #0f0f0f;
  --ink-2: #2b2b2e;
  --ink-3: #56565d;
  --ink-4: #9a9aa1;
  --ink-5: #d7d7da;

  /* Superadmin mode (calm amber) */
  --sa-bg: #fdf6ec;
  --sa-ink: #8a5a12;
  --sa-bd: #f1dcb6;
  --sa-solid: #b87420;

  /* Status pairs (bg / ink / bd) */
  --ok-bg: #ecfdf5;
  --ok-ink: #166534;
  --ok-bd: #bbf7d0;
  --warn-bg: #fffbeb;
  --warn-ink: #b45309;
  --warn-bd: #fde68a;
  --info-bg: #eff6ff;
  --info-ink: #1d4ed8;
  --info-bd: #bfdbfe;
  --danger-bg: #fef2f2;
  --danger-ink: #b91c1c;
  --danger-bd: #fecaca;
  --accent-bg: #f5f3ff;
  --accent-ink: #5b21b6;
  --accent-bd: #ddd6fe;
  --muted-bg: #f4f4f5;
  --muted-ink: #52525b;
  --muted-bd: #e4e4e7;

  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --topbar-h: 58px;
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-xl: 18px;
  --shadow-1: 0 1px 2px rgba(20, 20, 20, 0.035);
  --shadow-2: 0 2px 5px rgba(20, 20, 20, 0.05), 0 1px 2px rgba(20, 20, 20, 0.03);
  --shadow-3: 0 16px 40px rgba(15, 15, 15, 0.1), 0 4px 12px rgba(15, 15, 15, 0.05);

  /* Legacy ServiceOS names → Signoff */
  --os-bg: var(--bg);
  --os-surface: var(--surface);
  --os-surface-muted: var(--surface-2);
  --os-surface-soft: var(--surface-2);

  --os-border: var(--border);
  --os-border-strong: var(--border-strong);
  --os-hover: var(--surface-2);

  --os-text: var(--ink);
  --os-text-soft: var(--ink-4);
  --os-text-muted: var(--ink-3);

  /* Primary actions: near-black (not bootstrap blue) */
  --os-primary: #0a0a0a;
  --os-primary-hover: #171717;
  --os-primary-text: #ffffff;
  --os-primary-soft: var(--surface-2);

  /* Status: soft tinted surfaces, restrained foregrounds */
  --os-success: #15803d;
  --os-success-soft: #f0fdf4;
  --os-success-border: #bbf7d0;

  --os-warning: #b45309;
  --os-warning-soft: #fffbeb;
  --os-warning-border: #fde68a;

  --os-danger: #b91c1c;
  --os-danger-soft: #fef2f2;
  --os-danger-border: #fecaca;

  /* Info: cool gray (status only — not saturated UI blue) */
  --os-info: #57534e;
  --os-info-soft: #f1f3f4;
  --os-info-border: #e8eaed;

  --os-planned: #44403c;
  --os-planned-soft: #f8f9fa;
  --os-planned-border: #e8eaed;

  --os-neutral: #57534e;
  --os-neutral-soft: #f8f9fa;
  --os-neutral-border: #e8eaed;

  --os-radius-sm: var(--radius-sm);
  --os-radius-md: var(--radius);
  --os-radius-lg: var(--radius-lg);
  --os-radius-xl: var(--radius-xl);

  --os-shadow-sm: var(--shadow-1);
  --os-shadow-md: var(--shadow-2);

  --os-sidebar-width: 250px;
  --os-topbar-height: var(--topbar-h);

  --os-content-max-width: none;
  --os-content-wide-max-width: none;
  /* Controlled working surface — Dashboard & most /Platform routes (via .os-content--workspace) */
  --os-workspace-max-width: 1400px;
  --os-focus-ring: 0 0 0 2px var(--os-surface), 0 0 0 4px rgba(10, 10, 10, 0.12);

  --os-space-1: 0.25rem;
  --os-space-2: 0.5rem;
  --os-space-3: 0.75rem;
  --os-space-4: 1rem;
  --os-space-5: 1.25rem;
  --os-space-6: 1.5rem;
  --os-space-8: 2rem;
  --os-space-10: 2.5rem;

  --os-font-sans: var(--font);
  --os-font-size-sm: 0.8125rem;
  --os-font-size-base: 0.9375rem;
  --os-line-tight: 1.35;
  --os-line-normal: 1.5;

  /* Sidebar (white rail) */
  --os-nav-text: var(--ink);
  --os-nav-icon: var(--ink-4);
  --os-nav-hover-bg: var(--surface-2);
  --os-nav-hover-text: var(--ink);
  --os-nav-active-bg: var(--surface-2);
  --os-nav-active-text: var(--ink);

  /* Semantic status (calendar, pills — subtle, Swedish-style restraint) */
  --os-st-scheduled-bg: var(--os-planned-soft);
  --os-st-scheduled-fg: var(--os-planned);
  --os-st-scheduled-border: var(--os-planned-border);
  --os-st-confirmed-bg: var(--os-info-soft);
  --os-st-confirmed-fg: var(--os-info);
  --os-st-confirmed-border: var(--os-info-border);
  --os-st-enroute-bg: var(--os-info-soft);
  --os-st-enroute-fg: var(--os-info);
  --os-st-enroute-border: var(--os-info-border);
  --os-st-inprogress-bg: var(--os-warning-soft);
  --os-st-inprogress-fg: var(--os-warning);
  --os-st-inprogress-border: var(--os-warning-border);
  --os-st-completed-bg: var(--os-success-soft);
  --os-st-completed-fg: var(--os-success);
  --os-st-completed-border: var(--os-success-border);
  --os-st-cancelled-bg: var(--os-danger-soft);
  --os-st-cancelled-fg: var(--os-danger);
  --os-st-cancelled-border: var(--os-danger-border);
  --os-st-open-bg: var(--os-neutral-soft);
  --os-st-open-fg: var(--os-neutral);
  --os-st-open-border: var(--os-neutral-border);
  --os-st-blocked-bg: var(--os-warning-soft);
  --os-st-blocked-fg: var(--os-warning);
  --os-st-blocked-border: var(--os-warning-border);
}