@tailwind base;
@layer base {
  :root {
    --pattern-fg: color-mix(in oklab, var(--color-gray-950) 5%, transparent);
    --pattern-fg-dark: color-mix(in oklab, var(--color-white) 10%, transparent);
    --dark-color: #030712;

    --color-text-base: 0, 0, 0;
    --color-text-muted: 120, 120, 120;
    --color-text-inverted: 255, 255, 255;
    --color-fill: 245, 245, 245;
    --muted: 200, 200, 200;
    --color: 249, 115, 22;
    --color-button-accent: 249, 115, 22;
    --color-button-accent-hover: 55, 55, 55;
    --color-button-muted: 244, 239, 238;
    --color-gray-950: oklch(.13 .028 261.692);
    --color-white: oklch(1 0 89.876);
    --primary-text-color: color(srgb 0.114902 0.115843 0.133725);
    --secondary-text-color: color(srgb 0.114902 0.115843 0.133725 / 0.72);
    --primary-text-color-dark: color(srgb 1 1 1);
    --secondary-text-color-dark: color(srgb 1 1 1 / 0.72);
    --tw-content: "";
  }

  .dark {
    --color-text-base: 255, 255, 255;
    --color-text-muted: 150, 150, 150;
    --color-text-inverted: 255, 255, 255;
    --color-fill: 18, 18, 18;
    --muted: 36, 36, 36;
    --color: 227, 77, 10;
    --color-button-accent: 227, 77, 10;
    --color-button-accent-hover: 231, 121, 43;
    --color-button-muted: 26, 26, 26;
  }
}