:root {
    color-scheme: light dark;

    /* Oat layout and wireframe theme tokens. */
    --container-max: 68rem;
    --container-pad: clamp(1rem, 4vw, 2rem);
    --primary: light-dark(#111, #f5f5f5);
    --primary-foreground: light-dark(#fff, #111);
    --secondary: light-dark(#f5f5f5, #222);
    --secondary-foreground: light-dark(#111, #f5f5f5);
    --border: light-dark(#111, #d4d4d8);
    --input: light-dark(#555, #a1a1aa);
    --ring: light-dark(#111, #f5f5f5);
    --radius-small: 0;
    --radius-medium: 0;
    --radius-large: 0;
    --shadow-small: none;
    --shadow-medium: none;
    --shadow-large: none;
}