/* AUTO-GENERATED by scripts/design/md-generate.mjs from DESIGN.md.
 * Do not edit directly. Run `node scripts/design/md-generate.mjs`.
 *
 * These outputs intentionally use the non-disruptive --gg-* namespace.
 * Do not map DesignMD colors.primary to --color-primary; in this codebase
 * --color-primary is the protected PWA tertiary accent alias.
 */

@layer theme {
  :root {
    --gg-design-amber: 217 119 6;
    --gg-design-neutral: 250 248 245;
    --gg-design-neutral-dark: 28 25 23;
    --gg-design-on-tertiary: 11 70 39;
    --gg-design-on-tertiary-action: 255 255 255;
    --gg-design-on-tertiary-dark: 12 10 9;
    --gg-design-primary: 41 37 36;
    --gg-design-primary-inverse: 245 245 244;
    --gg-design-secondary: 120 113 108;
    --gg-design-secondary-inverse: 168 162 158;
    --gg-design-sky: 59 130 246;
    --gg-design-tertiary: 31 193 107;
    --gg-design-tertiary-action: 26 117 68;
    --gg-design-tertiary-action-hover: 22 100 59;
    --gg-design-tertiary-dark: 194 245 218;
    --gg-design-tertiary-dark-hover: 132 235 180;

    --gg-radius-2xl: 24px;
    --gg-radius-full: 9999px;
    --gg-radius-lg: 16px;
    --gg-radius-md: 8px;
    --gg-radius-none: 0px;
    --gg-radius-squircle: 12px;
    --gg-radius-xl: 20px;

    --gg-space-lg: 24px;
    --gg-space-md: 16px;
    --gg-space-sm: 8px;
  }
}