@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --color-text-primary: 0, 0, 0;
    --color-text-primary-muted: 100, 100, 100;
    --color-text-secondary: 255, 255, 255;
    --color-text-secondary-muted: 170, 170, 170;
    --color-text-accent: 255, 199, 44;
    --color-text-accent-muted: 255, 199, 44;

    --color-primary: 244, 244, 245;
    --color-secondary: 238, 238, 240;
    --color-accent: 255, 199, 44;
  }
  .theme-dark {
    --color-text-primary: 255, 255, 255;
    --color-text-primary-muted: 170, 170, 170;
    --color-text-secondary: 0, 0, 0;
    --color-text-secondary-muted: 100, 100, 100;
    --color-text-accent: 250, 183, 0;
    --color-text-accent-muted: 250, 183, 0;

    --color-primary: 24, 24, 27;
    --color-secondary: 39, 39, 42;
    --color-accent: 250, 183, 0;
  }
}