/* Signoff design tokens — customer-workspace-v2 / Direction A baseline */

:root {
  /* Core palette (relationsskrivbord) */
  --accent: #1E4A3F;
  --accent-hover: #17382F;
  --accent-soft: #EDF2F0;
  --accent-ink: #1E4A3F;

  --ink: #16181B;
  --ink-2: #3A3E43;
  --ink-3: #5B6066;
  --ink-4: #8A8D92;
  --ink-5: #A8A6A1;

  --bg: #FAF9F7;
  --surface: #FFFFFF;
  --surface-2: #FBFAF9;
  --surface-3: #F1EFEB;
  --border: #E4E1DC;
  --border-strong: #DCD8D2;
  --border-dashed: #C9C5BE;
  --hairline: #EFEDE9;

  /* Legacy brand aliases → baseline accent (do not reintroduce blue UI) */
  --blue: var(--accent);
  --blue-dark: var(--accent-hover);
  --blue-soft: var(--accent-soft);
  --blue-bd: #C9D4CF;
  --orange: #8A5B0B;
  --orange-dark: #8A5B0B;
  --orange-soft: #FBF3E5;
  --orange-bd: #EBD7B0;
  --bloom: #FBEEEC;

  /* Superadmin mode */
  --sa-bg: #FBF3E5;
  --sa-ink: #8A5B0B;
  --sa-bd: #EBD7B0;
  --sa-solid: #8A5B0B;

  /* Status pairs (bg / ink / bd) */
  --ok-bg: #EAF2ED;
  --ok-ink: #1E6B45;
  --ok-bd: #C9DCCF;
  --warn-bg: #FBF3E5;
  --warn-ink: #8A5B0B;
  --warn-bd: #EBD7B0;
  --info-bg: #EDF2F6;
  --info-ink: #2B5470;
  --info-bd: #D0DCE6;
  --danger-bg: #FBEEEC;
  --danger-ink: #A32E22;
  --danger-bd: #F3DCD8;
  --accent-bg: var(--accent-soft);
  --accent-ink: var(--accent);
  --accent-bd: #C9D4CF;
  --muted-bg: #F3F1EE;
  --muted-ink: #5B6066;
  --muted-bd: #E4E1DC;
  --action-gold: #C9A227;

  --font: "Instrument Sans", "Helvetica Neue", Helvetica, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --topbar-h: 52px;
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --shadow-1: none;
  --shadow-2: 0 12px 32px -12px rgba(22, 24, 27, 0.28);
  --shadow-3: 0 12px 32px -12px rgba(22, 24, 27, 0.28);

  --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-3);

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

  --os-primary: var(--accent);
  --os-primary-hover: var(--accent-hover);
  --os-primary-text: #ffffff;
  --os-primary-soft: var(--accent-soft);

  --os-success: var(--ok-ink);
  --os-success-soft: var(--ok-bg);
  --os-success-border: var(--ok-bd);

  --os-warning: var(--warn-ink);
  --os-warning-soft: var(--warn-bg);
  --os-warning-border: var(--warn-bd);

  --os-danger: var(--danger-ink);
  --os-danger-soft: var(--danger-bg);
  --os-danger-border: var(--danger-bd);

  --os-info: var(--info-ink);
  --os-info-soft: var(--info-bg);
  --os-info-border: var(--info-bd);

  --os-planned: var(--info-ink);
  --os-planned-soft: var(--info-bg);
  --os-planned-border: var(--info-bd);

  --os-neutral: var(--muted-ink);
  --os-neutral-soft: var(--muted-bg);
  --os-neutral-border: var(--muted-bd);

  --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: 220px;
  --os-topbar-height: var(--topbar-h);

  --os-content-max-width: none;
  --os-content-wide-max-width: none;
  --os-workspace-max-width: none;
  --os-page-gutter: 28px;
  --os-page-gutter-wide: 28px;
  --os-context-width: 316px;
  --os-prose-max: 70ch;
  --os-readable-max: 760px;
  --os-focus-ring: 0 0 0 3px rgba(30, 74, 63, 0.22);

  --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-7: 1.75rem;
  --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.875rem;
  --os-line-tight: 1.25;
  --os-line-normal: 1.5;

  --os-nav-text: var(--ink-3);
  --os-nav-icon: var(--ink-3);
  --os-nav-hover-bg: var(--surface-3);
  --os-nav-hover-text: var(--ink);
  --os-nav-active-bg: var(--surface-3);
  --os-nav-active-text: var(--ink);
  --os-nav-active-border: transparent;
  --os-nav-active-icon: var(--ink);
  --os-nav-muted: var(--ink-4);

  --os-st-scheduled-bg: var(--info-bg);
  --os-st-scheduled-fg: var(--info-ink);
  --os-st-scheduled-border: var(--info-bd);
  --os-st-confirmed-bg: var(--info-bg);
  --os-st-confirmed-fg: var(--info-ink);
  --os-st-confirmed-border: var(--info-bd);
  --os-st-enroute-bg: var(--accent-soft);
  --os-st-enroute-fg: var(--accent);
  --os-st-enroute-border: var(--accent);
  --os-st-inprogress-bg: var(--accent-soft);
  --os-st-inprogress-fg: var(--accent);
  --os-st-inprogress-border: var(--accent);
  --os-st-completed-bg: var(--muted-bg);
  --os-st-completed-fg: var(--muted-ink);
  --os-st-completed-border: var(--border);
  --os-st-cancelled-bg: var(--danger-bg);
  --os-st-cancelled-fg: var(--danger-ink);
  --os-st-cancelled-border: var(--danger-bd);
  --os-st-open-bg: var(--warn-bg);
  --os-st-open-fg: var(--warn-ink);
  --os-st-open-border: var(--warn-bd);
  --os-st-blocked-bg: var(--warn-bg);
  --os-st-blocked-fg: var(--warn-ink);
  --os-st-blocked-border: var(--action-gold);
}