/*
  theme.css -- your theme overrides. This is the file to edit to
  retheme the site.

  Every design token lives in src/styles/tokens.css (colors, glows,
  type scale, spacing, layout, radii, shadows) with its default value.
  Override any of them here: declarations in this file are unlayered,
  so they always beat the @layer base defaults in tokens.css.

  Colors are defined with light-dark(). Overriding with a plain color
  changes light and dark mode at once; use light-dark(<light>, <dark>)
  to set different values per mode.

  Ink is the brand: --color-brand follows --color-text. To give the
  buttons a color, set --color-brand and --color-on-brand together.
  --color-accent colors the featured testimonial's quote mark. Set
  --glow-daylight or --glow-dusk to none for flat panels.

  Webfonts are loaded in astro.config.mjs (--font-body for text,
  --font-display for headlines). Swap the loaded fonts there; use
  overrides here for system fonts or a separate face for card titles.

  Example:

  :root {
    --color-brand: light-dark(#14532d, #bbf7d0);
    --color-on-brand: light-dark(#f0fdf4, #052e16);
    --color-accent: light-dark(#15803d, #4ade80);
    --glow-daylight: none;
    --radius-sheet: 16px;
  }
*/

:root {
}