/**
 * Do not edit directly, this file was auto-generated.
 */

:root, [data-theme="base"] {
  --core-color-sand-400: #b89478;
  --core-color-sand-500: #a18168;
  --core-color-gold-500: #b28c3c;
  --core-color-ink-900: #121212;
  --core-color-paper-100: #faf6f3;
  --core-color-white: #ffffff;
  --core-color-beige-200: #e9e5d3;
  --core-font-heading: 'Noto Serif TC', serif;
  --core-font-body: 'Nunito Sans', sans-serif;
  --core-radius-sm: 8px;
  --core-radius-md: 14px;
  --core-radius-lg: 20px;
  --core-radius-pill: 999px;
  --core-space-2: 0.5rem;
  --core-space-3: 0.75rem;
  --core-space-4: 1rem;
  --core-space-6: 1.5rem;
  --core-space-8: 2rem;
  --core-space-10: 2.5rem;
  --core-space-12: 3rem;
  --core-motion-duration-fast: 140ms;
  --core-motion-duration-base: 260ms;
  --core-motion-duration-slow: 420ms;
  --core-motion-easing-out: cubic-bezier(0.25, 1, 0.5, 1);
  --core-motion-easing-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --core-motion-easing-expo: cubic-bezier(0.85, 0, 0.15, 1);
  --core-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.12);
  --core-shadow-overlay: 0 20px 80px rgba(0, 0, 0, 0.36);
  --semantic-surface-canvas: var(--core-color-paper-100);
  --semantic-surface-elevated: var(--core-color-white);
  --semantic-surface-inverse: var(--core-color-ink-900);
  --semantic-text-primary: var(--core-color-ink-900);
  --semantic-text-inverse: var(--core-color-white);
  --semantic-text-muted: var(--core-color-sand-500);
  --semantic-action-primary-bg: var(--core-color-ink-900);
  --semantic-action-primary-fg: var(--core-color-white);
  --semantic-action-accent-bg: var(--core-color-gold-500);
  --semantic-action-accent-fg: var(--core-color-ink-900);
  --semantic-action-outline: var(--core-color-sand-500);
  --semantic-border-subtle: var(--core-color-beige-200);
  --semantic-border-strong: var(--core-color-sand-500);
}