:root {
  --spoolr-color-background: #f2f3f0;
  --spoolr-color-foreground: #111111;
  --spoolr-color-card: #ffffff;
  --spoolr-color-popover: #ffffff;
  --spoolr-color-popover-foreground: #111111;
  --spoolr-color-muted: #f2f3f0;
  --spoolr-color-muted-foreground: #666666;
  --spoolr-color-border: #cbccc9;
  --spoolr-color-input: #cbccc9;
  --spoolr-color-primary: #00C86B;
  --spoolr-color-primary-foreground: #0c0c0c;
  --spoolr-color-primary-tint-subtle: #00C86B0A;
  --spoolr-color-primary-tint-soft: #00C86B0D;
  --spoolr-color-primary-tint-medium: #00C86B12;
  --spoolr-color-accent-foreground: #111111;
  --spoolr-color-secondary: #e7e8e5;
  --spoolr-color-secondary-foreground: #111111;
  --spoolr-color-destructive: #d93c15;
  --spoolr-color-ring: #666666;
  --spoolr-radius-none: 0px;
  --spoolr-radius-m: 16px;
  --spoolr-radius-pill: 999px;
  --spoolr-shadow-outline-button: 0 1px 1.75px rgba(0, 0, 0, 0.05);
  --spoolr-shadow-tooltip: 0 2px 3.5px rgba(0, 0, 0, 0.06);
  --spoolr-font-primary: "JetBrains Mono", monospace;
  --spoolr-font-secondary: "JetBrains Mono", monospace;
  --spoolr-font-display: "Space Grotesk", sans-serif;

  /* Status tokens */
  --spoolr-color-status-success-bg: #dfe6e1;
  --spoolr-color-status-success-fg: #004d1a;
  --spoolr-color-status-warning-bg: #e9e3d8;
  --spoolr-color-status-warning-fg: #804200;
  --spoolr-color-status-error-bg: #e5dcda;
  --spoolr-color-status-error-fg: #8c1c00;
  --spoolr-color-status-info-bg: #dfe6e1;
  --spoolr-color-status-info-fg: #004d1a;

  /* Sidebar tokens */
  --spoolr-color-sidebar-bg: #e7e8e5;
  --spoolr-color-sidebar-fg: #666666;
  --spoolr-color-sidebar-border: #cbccc9;
  --spoolr-color-sidebar-accent: #cbccc9;
  --spoolr-color-sidebar-accent-fg: #18181b;
}

[data-theme="dark"],
.dark {
  --spoolr-color-background: #0c0c0c;
  --spoolr-color-foreground: #ffffff;
  --spoolr-color-card: #0a0a0a;
  --spoolr-color-popover: #0a0a0a;
  --spoolr-color-popover-foreground: #ffffff;
  --spoolr-color-muted: #141414;
  --spoolr-color-muted-foreground: #8a8a8a;
  --spoolr-color-border: #2f2f2f;
  --spoolr-color-input: #2f2f2f;
  --spoolr-color-primary: #00ff88;
  --spoolr-color-primary-foreground: #0c0c0c;
  --spoolr-color-primary-tint-subtle: #00ff880A;
  --spoolr-color-primary-tint-soft: #00ff880D;
  --spoolr-color-primary-tint-medium: #00ff8812;
  --spoolr-color-accent-foreground: #ffffff;
  --spoolr-color-secondary: #141414;
  --spoolr-color-secondary-foreground: #ffffff;
  --spoolr-color-destructive: #ff5c33;
  --spoolr-color-ring: #666666;

  /* Status tokens - dark */
  --spoolr-color-status-success-bg: #222924;
  --spoolr-color-status-success-fg: #b6ffce;
  --spoolr-color-status-warning-bg: #291c0f;
  --spoolr-color-status-warning-fg: #ff8400;
  --spoolr-color-status-error-bg: #24100b;
  --spoolr-color-status-error-fg: #ff5c33;
  --spoolr-color-status-info-bg: #0e1a14;
  --spoolr-color-status-info-fg: #7bffd0;

  /* Sidebar tokens - dark */
  --spoolr-color-sidebar-bg: #18181b;
  --spoolr-color-sidebar-fg: #fafafa;
  --spoolr-color-sidebar-border: rgba(255, 255, 255, 0.1);
  --spoolr-color-sidebar-accent: #2a2a30;
  --spoolr-color-sidebar-accent-fg: #fafafa;
}