/* Binus Arcade tokens — katchup design language, night-paper dark mode. */
:root {
  color-scheme: light;

  --cream: #fbf3e4;
  --panel: #ffffff;
  --panel-soft: #fff9ec;
  --cocoa: #2e1e14;
  --ink-soft: #6a5344;

  --red: #ff4949;
  --mint: #2fe0a8;
  --blue: #5b8cff;
  --yellow: #ffce00;
  --pink: #ff7bb8;
  --orange: #ff8a3d;

  --line: rgba(46, 30, 20, 0.18);
  --r: 18px;
  --r-sm: 12px;
  --shadow-cocoa: #2e1e14;
  --elev: 0 5px 0 var(--shadow-cocoa);
  --elev-sm: 0 3px 0 var(--shadow-cocoa);

  --display: "Baloo 2", system-ui, sans-serif;
  --body: "Nunito", system-ui, sans-serif;
  --marker: "Permanent Marker", cursive;

  --cat: #5b8cff;
  --red-ink: #c03030;
  --green-ink: #0a7d57;
  --pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --settle: cubic-bezier(0.22, 1, 0.36, 1);

  --accent-ink: #2e1e14;
  --focus: #1f5eff;
  --scrim: rgba(46, 30, 20, 0.52);
  --danger-soft: #ffe9e9;
  --success-soft: #e4fff4;

  --dot-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='2' cy='2' r='1.1' fill='%232E1E14' fill-opacity='0.07'/%3E%3C/svg%3E");
}

[data-theme="dark"] {
  color-scheme: dark;

  --cream: #171210;
  --panel: #241c17;
  --panel-soft: #2d241d;
  --cocoa: #f6e9d8;
  --ink-soft: #c7b09a;

  --red: #ff6b6b;
  --mint: #43edb8;
  --blue: #7ca6ff;
  --yellow: #ffd84d;
  --pink: #ff94c6;
  --orange: #ffa166;

  --line: rgba(246, 233, 216, 0.22);
  --shadow-cocoa: #070504;

  --cat: #7ca6ff;
  --red-ink: #ff9e9e;
  --green-ink: #65f0c0;
  --focus: #9cbbff;
  --scrim: rgba(0, 0, 0, 0.68);
  --danger-soft: #3a1d1d;
  --success-soft: #14342a;

  --dot-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='2' cy='2' r='1.1' fill='%23F6E9D8' fill-opacity='0.075'/%3E%3C/svg%3E");
}