/*! Eclipse UI · Carbón: theme.css
 *  Los diales de tu marca. Va después de eclipse-ui.css; muévelos para hacerla tuya.
 */
:root {
  --eui-brand: #0a0a0a;
  --eui-ink: #0a0a0a;
  --eui-paper: #fafafa;
  --eui-tint: 0%;
  --eui-roundness: 1.25;
  --eui-density: 1;
  --eui-depth: 1;
  --eui-motion: 1;
  --eui-halo: 0.5;
  --eui-line: 1;
  --eui-control-radius: initial;
  --eui-control-case: none;
  --eui-control-tracking: normal;
  --eui-control-weight: 500;
  --eui-display-stretch: normal;
  --eui-display-soft: initial;
  --eui-display-wonk: initial;
  --eui-focus: #0284c7;
  --eui-font-text: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --eui-font-display: var(--eui-font-text);
  --eui-font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
  --eui-display-weight: 600;
  --eui-display-tracking: -0.035em;
  --eui-display-style: normal;
  --eui-display-case: none;
  --eui-bg: #fafafa;
  --eui-fg: #0a0a0a;
  --color-card: #ffffff;
  --color-surface-hover: #f4f4f5;
  --color-raised: #f1f1f2;
  --color-muted: #f4f4f5;
  --color-border: #e4e4e7;
  --color-border-hover: #d4d4d8;
  --color-border-subtle: #ededef;
  --color-muted-foreground: #52525b;
  --color-faint: #71717a;
  --color-subtle: #a1a1aa;
  --color-primary: #0a0a0a;
  --color-primary-hover: #262626;
  --color-primary-foreground: #fafafa;
  --color-primary-text: #0a0a0a;
  --eui-moon: #dcdce0;
  --eui-accent-subtle: rgb(10 10 10 / 0.05);
  --eui-spotlight: rgb(10 10 10 / 0.05);
  --shadow-glow: 0 0 15px -3px rgb(15 15 20 / 0.08);
  --shadow-subtle: 0 1px 2px 0 rgb(15 15 20 / 0.06), 0 0 0 1px rgb(15 15 20 / 0.04);
  --shadow-elevated: 0 10px 25px -8px rgb(15 15 20 / 0.12), 0 0 0 1px rgb(15 15 20 / 0.05);
}

.dark {
  --eui-brand: #f2f2f3;
  --eui-focus: rgb(56 189 248 / 0.55);
  --eui-bg: #111113;
  --eui-fg: #f2f2f3;
  --color-card: #1c1c1f;
  --color-surface-hover: #202023;
  --color-raised: #18181a;
  --color-muted: #202023;
  --color-border: #29292c;
  --color-border-hover: #343438;
  --color-border-subtle: #18181a;
  --color-muted-foreground: #a1a1a6;
  --color-faint: #6f6f75;
  --color-subtle: #4d4d52;
  --color-primary: #f2f2f3;
  --color-primary-hover: #ffffff;
  --color-primary-foreground: #111113;
  --color-primary-text: #f2f2f3;
  --eui-moon: initial;
  --eui-accent-subtle: rgb(242 242 243 / 0.06);
  --eui-spotlight: rgb(242 242 243 / 0.07);
  --shadow-glow: 0 0 20px -3px rgb(255 255 255 / 0.15);
  --shadow-subtle: 0 1px 2px 0 rgb(0 0 0 / 0.18), 0 0 0 1px rgb(242 242 243 / 0.02);
  --shadow-elevated: 0 10px 25px -8px rgb(0 0 0 / 0.22), 0 0 0 1px rgb(242 242 243 / 0.04);
}