:root {
  --f-text: "Geist Variable", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-num: "Geist Mono Variable", "Geist Mono", ui-monospace, "SFMono-Regular", monospace;

  --r-sm: 2px;
  --r: 3px;
  --r-lg: 4px;

  --row: 32px;
  --side: 196px;
  --tabbar: 68px;

  --bg: #f6f6f7;
  --bg2: #fbfbfc;
  --surface: #ffffff;
  --surface2: #fafafb;
  --ink: #0f1012;
  --ink2: #383b41;
  --muted: #6e727b;
  --faint: #b0b3ba;
  --line: #e4e5e8;
  --line2: #d0d2d7;
  --hover: rgba(15, 16, 18, 0.045);
  --primary: #0f1012;
  --on-primary: #ffffff;
  --danger: #d93025;
  --toast-bg: #0f1012;
  --toast-ink: #edeef0;
  --scrim: rgba(246, 246, 247, 0.7);
  --float: 0 0 0 1px var(--line), 0 12px 32px -16px rgba(15, 16, 18, 0.18);

  --accent: #d4ff3f;
  --accent-ink: #4a7a00;
  --on-accent: #0f1012;
  --toast-acc: var(--accent);

  --focus: 0 0 0 1px var(--ink2), 0 0 0 4px color-mix(in oklab, var(--accent-ink) 22%, transparent);
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #0d1117;
  --bg2: #10151c;
  --surface: #151b23;
  --surface2: #1a212b;
  --ink: #e6ebf1;
  --ink2: #a7b1be;
  --muted: #727d8c;
  --faint: #424b57;
  --line: #222a34;
  --line2: #2f3844;
  --hover: rgba(200, 220, 255, 0.04);
  --primary: #e6ebf1;
  --on-primary: #0d1117;
  --danger: #f07a72;
  --toast-bg: #e6ebf1;
  --toast-ink: #0d1117;
  --scrim: rgba(4, 6, 9, 0.72);
  --float: 0 0 0 1px var(--line2), 0 18px 44px -18px rgba(0, 0, 0, 0.85);

  --accent: #c8f542;
  --accent-ink: #c8f542;
  --on-accent: #0d1117;
  --toast-acc: #4a7a00;

  color-scheme: dark;
}

[data-accent="cian"] {
  --accent: #5ce1f0;
  --accent-ink: #0b7285;
  --on-accent: #0f1012;
  --toast-acc: var(--accent);
}
[data-theme="dark"][data-accent="cian"] {
  --accent: #5ce1f0;
  --accent-ink: #5ce1f0;
  --on-accent: #0d1117;
  --toast-acc: #0b7285;
}
[data-accent="naranja"] {
  --accent: #ff6a2b;
  --accent-ink: #c2410c;
  --on-accent: #ffffff;
  --toast-acc: var(--accent);
}
[data-theme="dark"][data-accent="naranja"] {
  --accent: #ff7a3d;
  --accent-ink: #ff8a50;
  --on-accent: #0d1117;
  --toast-acc: #c2410c;
}
[data-accent="ninguno"] {
  --accent: #0f1012;
  --accent-ink: #0f1012;
  --on-accent: #ffffff;
  --toast-acc: #ffffff;
}
[data-theme="dark"][data-accent="ninguno"] {
  --accent: #e6ebf1;
  --accent-ink: #e6ebf1;
  --on-accent: #0d1117;
  --toast-acc: #0d1117;
}