:root {
  --livo-orange: #f26600;
  --livo-orange-hover: #d95700;
  --livo-orange-soft: #fff3e9;
  --livo-navy: #082b5b;
  --livo-navy-hover: #061f42;
  --livo-ink: #17191c;
  --livo-text: #30343a;
  --livo-muted: #68717c;
  --livo-subtle: #8b939d;
  --livo-border: #e2e6eb;
  --livo-border-strong: #d2d8df;
  --livo-background: #f6f7f9;
  --livo-surface: #ffffff;
  --livo-surface-soft: #fafbfc;
  --livo-success: #18864b;
  --livo-success-soft: #eaf7f0;
  --livo-warning: #a56d00;
  --livo-danger: #d9364f;
  --livo-danger-soft: #fff0f2;

  --livo-radius-xs: 5px;
  --livo-radius-sm: 7px;
  --livo-radius-md: 10px;
  --livo-radius-lg: 14px;
  --livo-radius-xl: 20px;
  --livo-radius-pill: 999px;

  --livo-shadow-xs: 0 1px 2px rgb(16 30 50 / 5%);
  --livo-shadow-sm: 0 5px 18px rgb(16 30 50 / 7%);
  --livo-shadow-md: 0 14px 40px rgb(16 30 50 / 10%);
  --livo-shadow-drawer: 0 0 54px rgb(8 24 43 / 20%);

  --livo-container: 1440px;
  --livo-content: 840px;
  --livo-header-offset: 174px;
  --livo-font: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --livo-space-1: 4px;
  --livo-space-2: 8px;
  --livo-space-3: 12px;
  --livo-space-4: 16px;
  --livo-space-5: 20px;
  --livo-space-6: 24px;
  --livo-space-7: 32px;
  --livo-space-8: 40px;
  --livo-space-9: 48px;
  --livo-space-10: 64px;
  --livo-space-11: 80px;
}