@tailwind base;
@layer base {
  :root {
    --color-text-base: rgb(0, 0, 0);
    --color-text-base: 0, 0, 0;
    --color-text-muted: rgb(64, 64, 64);
    --color-text-muted: 64, 64, 64;
    --color-text-inverted: rgb(255, 255, 255);
    --color-text-inverted: 255, 255, 255;
    --color-fill: rgb(245, 245, 245);
    --color-fill: 245, 245, 245;
    --muted: rgb(200, 200, 200);
    --muted: 200, 200, 200;
    --color: rgb(31, 97, 167);
    --color: 31, 97, 167;
    --color-button-accent: rgb(31, 97, 167);
    --color-button-accent: 31, 97, 167;
    --color-button-accent-hover: rgb(55, 55, 55);
    --color-button-accent-hover: 55, 55, 55;
    --color-button-muted: rgb(244, 239, 238);
    --color-button-muted: 244, 239, 238;
  }
  .dark {
    --color-text-base: rgb(255, 255, 255);
    --color-text-base: 255, 255, 255;
    --color-text-muted: rgb(150, 150, 150);
    --color-text-muted: 150, 150, 150;
    --color-text-inverted: rgb(255, 255, 255);
    --color-text-inverted: 255, 255, 255;
    --color-fill: rgb(18, 18, 18);
    --color-fill: 18, 18, 18;
    --muted: rgb(36, 36, 36);
    --muted: 36, 36, 36;
    --color: rgb(65, 155, 249);
    --color: 65, 155, 249;
    --color-button-accent: rgb(65, 155, 249);
    --color-button-accent: 65, 155, 249;
    --color-button-accent-hover: rgb(65, 155, 249);
    --color-button-accent-hover: 65, 155, 249;
    --color-button-muted: rgb(26, 26, 26);
    --color-button-muted: 26, 26, 26;
  }
}