/* ---------------------------------------------------------------------------
- Design tokens
- Canonical source: thorns (game) repo, game/web/static/website/css/design_tokens.css
- Synced into the Editor repo's dev branch via sync-design-tokens; reaches
- stable only through the normal dev -> master promotion. See
- thorns_css_rollout_plan.md for the full rollout steps.
--------------------------------------------------------------------------- */

:root {
  --thorns-green: #0B3D2E;
  --thorns-green-active: #134a3a;
  --thorns-green-border: #17513e;

  --thorns-canvas: #1E1B17;
  --thorns-panel: #2A2621;
  --thorns-panel-border: #3a352d;

  --thorns-stone: #6B6357;
  --thorns-parchment: #E8E1CC;
  --thorns-parchment-muted: #C9C1AD;

  --thorns-gold: #C09A32;
  --thorns-red: #B0181C;

  --thorns-mist: #9FB3A6;

  --thorns-viewer-bg: #000000;
  --thorns-viewer-text: #cccccc;
  --thorns-viewer-accent: #07a058;
  --thorns-viewer-accent-dim: #305b45;

  --thorns-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --thorns-sidebar-width: 200px;
  --thorns-sidebar-width-collapsed: 56px;
  --thorns-sidebar-width-mobile: 250px;

  --thorns-transition-fast: 0.15s ease;
  --thorns-transition-base: 0.2s ease;
  --thorns-transition-slow: 0.3s ease;

  --thorns-icon-size: 18px;
  --thorns-icon-size-lg: 20px;

  --thorns-sidebar-gap: 10px;
  --thorns-sidebar-item-padding: 10px 14px;
  --thorns-sidebar-item-height: 42px;

  --thorns-z-sidebar: 1000;
  --thorns-z-sidebar-toggle: 2000;
}

@font-face {
  font-family: 'Zin Display';
  src: url('https://thorns.at/static/website/fonts/zin-display.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}