/*
  Recoup System v1
  Shared product tokens for the Company workspace and Driver workspace.
  Product surfaces may choose a light or dark context, but they must use this
  same brand palette, typography, rule weight, focus treatment, and action color.
*/
:root {
  --recoup-cream: #f7f6f5;
  --recoup-paper: #fff;
  --recoup-ink: #111;
  --recoup-muted: #68645f;
  --recoup-line: #d7d2cc;
  --recoup-soft: #ece9e5;
  --recoup-dark: #1c1c1c;
  --recoup-graphite: #292929;
  --recoup-dark-surface: #252525;
  --recoup-dark-raised: #303030;
  --recoup-on-dark: #fff;
  --recoup-on-dark-muted: #aaa59e;
  --recoup-dark-line: #3a3a3a;
  --recoup-orange: #ee7800;
  --recoup-orange-soft: rgba(238, 120, 0, .12);
  --recoup-orange-on-dark: #ffd6ac;
  --recoup-rule: 1px solid var(--recoup-ink);
  --recoup-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --recoup-radius-panel: 0;
  --recoup-radius-button: 160px;
  --recoup-shadow-offset: 4px 4px 0 rgba(17, 17, 17, .14);
}

:focus-visible {
  outline: 3px solid var(--recoup-orange);
  outline-offset: 3px;
}