:root {
  /* Boje — tamno */
  --as-dark: #16130f;
  --as-darker: #0f0d0a;
  --as-dark-panel: #1b1712;
  --as-dark-divider: #2b2620;
  --as-dark-border: #3b342c;
  --as-dark-border-strong: #4a4239;
  --as-dark-field: #1e1a15;
  --as-text-on-dark: #f2ece3;
  --as-text-on-dark-secondary: #a09587;
  --as-text-on-dark-tertiary: #b9afa1;
  --as-text-on-dark-tertiary-2: #d8d0c4;

  /* Boje — svetlo */
  --as-bg-page: #faf7f2;
  --as-bg-card: #ffffff;
  --as-bg-warm: #f7f2ea;
  --as-border: #e8e2d9;
  --as-border-soft: #f0ece4;
  --as-border-soft-2: #f7f3ec;
  --as-field-border: #e2dcd4;
  --as-checkbox-border: #c4bcb1;

  --as-text: #14100e;
  --as-text-body: #2f2a24;
  --as-text-body-2: #3d362f;
  --as-text-body-3: #4a433c;
  --as-text-secondary: #5c554e;
  --as-text-secondary-2: #6b645d;

  /* Akcenat */
  --as-accent: #ff6c43;
  --as-accent-on-light-text: #a83e19;
  --as-positive: #2f6b46;

  /* Rainbow traka */
  --as-rainbow-1: #e14b3c;
  --as-rainbow-2: #f0a13c;
  --as-rainbow-3: #e9d24f;
  --as-rainbow-4: #4faa72;
  --as-rainbow-5: #4a7fc1;
  --as-rainbow-6: #8a5fb0;

  /* Tipografija */
  --as-font-body: 'Archivo', sans-serif;
  --as-font-mono: 'JetBrains Mono', monospace;

  /* Radijusi */
  --as-radius-badge: 4px;
  --as-radius-button: 8px;
  --as-radius-card: 12px;
  --as-radius-panel: 16px;
  --as-radius-sheet: 18px;
  --as-radius-pill: 999px;

  /* Senke */
  --as-shadow-menu: 0 20px 40px rgba(20, 16, 14, 0.08);
  --as-shadow-bar: 0 -10px 30px rgba(20, 16, 14, 0.1);
  --as-shadow-sheet: 0 -18px 40px rgba(20, 16, 14, 0.16);

  /* Tap-target minimum */
  --as-tap-min: 44px;
}