.theme-catppuccin-frappe {
  --bg: #303446;
  --fg: #c6d0f5;
  --red: #e78284;
  --green: #a6d189;
  --blue: #8caaee;
  --yellow: #e5c890;
  --cyan: #81c8be;
  --magenta: #ca9ee6;
  --dim: color-mix(in srgb, var(--fg), transparent 20%);
  --card-bg: #292c3c;
  --comment: #a5adce;

  --box-shadow: rgba(0, 0, 0, 0.2);
  --widget-border: rgba(98, 104, 128, 0.4);
  --btn-border: rgba(98, 104, 128, 0.4);
  
  --timeline-bg: rgba(48, 52, 70, 0.5);
  --timeline-hover: rgba(140, 170, 238, 0.1);
  --speed-group-bg: rgba(65, 69, 89, 0.6);
  --speed-group-border: rgba(98, 104, 128, 0.4);
  
  --log-column-border: rgba(98, 104, 128, 0.4);
  --log-item-hover: rgba(140, 170, 238, 0.1);
  --reader-highlight-bg: rgba(140, 170, 238, 0.15);
  --reader-highlight-anim: rgba(140, 170, 238, 0.3);

  --sanctuary: #81c8be;
  --gear-legendary: #ca9ee6;
  --gear-artifact: #e5c890;
  --gear-focus: #c6d0f5;
  --gear-spellsave: #ef9f76;
  --gear-weapon: #8caaee;
  --gear-usable: #f4b8e4;
  --gear-poison: #a6d189;

  --tones-white: #c6d0f5;
}