/* GENERATED from theme/theme.json. Do not edit directly. */
:root {
  --dv-color-brand-coral-50: #FFF2EF;
  --dv-color-brand-coral-100: #FFE2DB;
  --dv-color-brand-coral-200: #FFC5B8;
  --dv-color-brand-coral-300: #FFA994;
  --dv-color-brand-coral-400: #FF8D7E;
  --dv-color-brand-coral-500: #FF7D72;
  --dv-color-brand-coral-600: #E66767;
  --dv-color-brand-coral-700: #C45153;
  --dv-color-brand-coral-800: #9F3F46;
  --dv-color-brand-coral-900: #753139;
  --dv-color-brand-mint-50: #F0FBF8;
  --dv-color-brand-mint-100: #DDF5EE;
  --dv-color-brand-mint-200: #BEEADF;
  --dv-color-brand-mint-300: #9ED9CB;
  --dv-color-brand-mint-400: #78C6B6;
  --dv-color-brand-mint-500: #50AA9A;
  --dv-color-brand-mint-600: #3D8B7E;
  --dv-color-brand-mint-700: #326F66;
  --dv-color-brand-mint-800: #2B5952;
  --dv-color-brand-mint-900: #244944;
  --dv-color-brand-lavender-50: #F7F3FE;
  --dv-color-brand-lavender-100: #EEE5FD;
  --dv-color-brand-lavender-200: #DDCCFA;
  --dv-color-brand-lavender-300: #C8ADF5;
  --dv-color-brand-lavender-400: #B99BEF;
  --dv-color-brand-lavender-500: #9C78DC;
  --dv-color-brand-lavender-600: #805CC0;
  --dv-color-brand-lavender-700: #68499D;
  --dv-color-brand-lavender-800: #553E7E;
  --dv-color-brand-lavender-900: #463569;
  --dv-color-brand-butter-50: #FFF9EC;
  --dv-color-brand-butter-100: #FFF0C7;
  --dv-color-brand-butter-200: #FFE09A;
  --dv-color-brand-butter-300: #F7CF75;
  --dv-color-brand-butter-400: #F4C05F;
  --dv-color-brand-butter-500: #DDA442;
  --dv-color-brand-butter-600: #B9822F;
  --dv-color-brand-butter-700: #916426;
  --dv-color-brand-butter-800: #735023;
  --dv-color-brand-butter-900: #5F421F;
  --dv-color-brand-rose-50: #FFF2F6;
  --dv-color-brand-rose-100: #FFE1EB;
  --dv-color-brand-rose-200: #F9C4D6;
  --dv-color-brand-rose-300: #F3A1BA;
  --dv-color-brand-rose-400: #EB7FA2;
  --dv-color-brand-rose-500: #D95E87;
  --dv-color-brand-rose-600: #B84970;
  --dv-color-brand-rose-700: #923B5C;
  --dv-color-brand-rose-800: #76334D;
  --dv-color-brand-rose-900: #642E44;
  --dv-color-brand-sky-50: #F1F7FE;
  --dv-color-brand-sky-100: #DFECFC;
  --dv-color-brand-sky-200: #C1DCF9;
  --dv-color-brand-sky-300: #9BC7F3;
  --dv-color-brand-sky-400: #7AAFEA;
  --dv-color-brand-sky-500: #5C93DC;
  --dv-color-brand-sky-600: #4676C4;
  --dv-color-brand-sky-700: #3B5FA0;
  --dv-color-brand-sky-800: #344F82;
  --dv-color-brand-sky-900: #2F446C;
  --dv-color-neutral-0: #FFFFFF;
  --dv-color-neutral-25: #FFFCF8;
  --dv-color-neutral-50: #FFF9F2;
  --dv-color-neutral-100: #F8F1E8;
  --dv-color-neutral-200: #EFE4D8;
  --dv-color-neutral-300: #E4D5C6;
  --dv-color-neutral-400: #C7B4A5;
  --dv-color-neutral-500: #A39185;
  --dv-color-neutral-600: #7B6A62;
  --dv-color-neutral-700: #5F4C44;
  --dv-color-neutral-800: #4A372F;
  --dv-color-neutral-900: #33231E;
  --dv-color-semantic-canvas: #FFF9F2;
  --dv-color-semantic-canvas-subtle: #FFFCF8;
  --dv-color-semantic-surface: #FFFFFF;
  --dv-color-semantic-surface-raised: #FFFEFB;
  --dv-color-semantic-surface-sunken: #F8F1E8;
  --dv-color-semantic-surface-tint-coral: #FFF2EF;
  --dv-color-semantic-surface-tint-mint: #F0FBF8;
  --dv-color-semantic-surface-tint-lavender: #F7F3FE;
  --dv-color-semantic-text-primary: #4A372F;
  --dv-color-semantic-text-secondary: #7B6A62;
  --dv-color-semantic-text-muted: #806E65;
  --dv-color-semantic-text-on-strong: #FFFFFF;
  --dv-color-semantic-border: #EFE4D8;
  --dv-color-semantic-border-strong: #E4D5C6;
  --dv-color-semantic-action-primary: #C45153;
  --dv-color-semantic-action-primary-hover: #9F3F46;
  --dv-color-semantic-action-primary-pressed: #753139;
  --dv-color-semantic-action-secondary: #9ED9CB;
  --dv-color-semantic-action-secondary-hover: #78C6B6;
  --dv-color-semantic-action-accent: #9C78DC;
  --dv-color-semantic-focus-ring: #68499D;
  --dv-color-semantic-success: #34643B;
  --dv-color-semantic-success-surface: #ECF8EE;
  --dv-color-semantic-info: #3B5FA0;
  --dv-color-semantic-info-surface: #F1F7FE;
  --dv-color-semantic-warning: #9B641C;
  --dv-color-semantic-warning-surface: #FFF6DE;
  --dv-color-semantic-danger: #B33D4A;
  --dv-color-semantic-danger-surface: #FFF0F2;
  --dv-color-semantic-love: #B84970;
  --dv-color-semantic-scrim: rgba(51, 35, 30, 0.42);
  --dv-color-semantic-disabled-surface: #F8F1E8;
  --dv-color-semantic-disabled-text: #A39185;
  --dv-color-semantic-success-border: #B8DDBF;
  --dv-color-semantic-soft-ink-border: rgba(74, 55, 47, 0.18);
  --dv-color-rarity-common: #7B6A62;
  --dv-color-rarity-uncommon: #34643B;
  --dv-color-rarity-rare: #68499D;
  --dv-color-rarity-legendary: #8C5B13;
  --dv-color-rarity-undiscovered: #A39185;
  --dv-color-genetics-visible: #C45153;
  --dv-color-genetics-carrier: #68499D;
  --dv-color-genetics-possible: #3B5FA0;
  --dv-color-genetics-unknown: #7B6A62;
  --dv-gradient-hero: linear-gradient(180deg, #FFF2EF 0%, #FFF9F2 72%);
  --dv-gradient-coral: linear-gradient(180deg, #D95A60 0%, #C45153 100%);
  --dv-gradient-peach-glow: radial-gradient(circle at 50% 20%, #FFF6E7 0%, #FFF2EF 54%, #FFF9F2 100%);
  --dv-gradient-lavender-glow: radial-gradient(circle at 50% 18%, #F1E8FF 0%, #FFF5F2 56%, #FFF9F2 100%);
  --dv-gradient-mint-glow: linear-gradient(180deg, #F0FBF8 0%, #FFF9F2 100%);
  --dv-gradient-shimmer: linear-gradient(100deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.72) 50%, rgba(255,255,255,0) 80%);
  --dv-gradient-coin: radial-gradient(circle at 36% 30%, #FFF7C6 0 16%, #F4C05F 17% 64%, #B9822F 65% 100%);
  --dv-gradient-show-banner: radial-gradient(circle at 20% 85%, rgba(158, 217, 203, 0.55) 0 7%, transparent 8%), radial-gradient(circle at 80% 80%, rgba(243, 161, 186, 0.45) 0 8%, transparent 9%), linear-gradient(180deg, #DDEDFE 0 46%, #FFF4D9 47% 100%);
  --dv-font-family-display: "Baloo 2", "Arial Rounded MT Bold", ui-rounded, system-ui, sans-serif;
  --dv-font-family-body: Nunito, "Avenir Next Rounded", ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dv-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --dv-font-weight-regular: 400;
  --dv-font-weight-medium: 600;
  --dv-font-weight-bold: 700;
  --dv-font-weight-black: 800;
  --dv-font-size-xs: 0.75rem;
  --dv-font-size-sm: 0.875rem;
  --dv-font-size-md: 1rem;
  --dv-font-size-lg: 1.125rem;
  --dv-font-size-xl: 1.375rem;
  --dv-font-size-2xl: 1.75rem;
  --dv-font-size-3xl: 2.25rem;
  --dv-font-size-4xl: 3rem;
  --dv-font-line-height-tight: 1.15;
  --dv-font-line-height-snug: 1.3;
  --dv-font-line-height-normal: 1.5;
  --dv-font-line-height-relaxed: 1.65;
  --dv-font-tracking-tight: -0.02em;
  --dv-font-tracking-normal: 0;
  --dv-font-tracking-wide: 0.04em;
  --dv-space-0: 0;
  --dv-space-1: 0.25rem;
  --dv-space-2: 0.5rem;
  --dv-space-3: 0.75rem;
  --dv-space-4: 1rem;
  --dv-space-5: 1.25rem;
  --dv-space-6: 1.5rem;
  --dv-space-8: 2rem;
  --dv-space-10: 2.5rem;
  --dv-space-12: 3rem;
  --dv-space-16: 4rem;
  --dv-space-20: 5rem;
  --dv-space-24: 6rem;
  --dv-size-touch-min: 2.75rem;
  --dv-size-touch-comfortable: 3rem;
  --dv-size-icon-sm: 1rem;
  --dv-size-icon-md: 1.25rem;
  --dv-size-icon-lg: 1.5rem;
  --dv-size-icon-xl: 2rem;
  --dv-size-mobile-content: 26.875rem;
  --dv-size-desktop-content: 75rem;
  --dv-size-bottom-nav: 4.75rem;
  --dv-size-top-bar: 3.75rem;
  --dv-radius-xs: 0.5rem;
  --dv-radius-sm: 0.75rem;
  --dv-radius-md: 1rem;
  --dv-radius-lg: 1.25rem;
  --dv-radius-xl: 1.5rem;
  --dv-radius-2xl: 2rem;
  --dv-radius-pill: 999px;
  --dv-radius-round: 50%;
  --dv-border-thin: 1px;
  --dv-border-strong: 2px;
  --dv-shadow-xs: 0 1px 2px rgba(74, 55, 47, 0.06);
  --dv-shadow-sm: 0 4px 12px rgba(74, 55, 47, 0.08);
  --dv-shadow-md: 0 10px 28px rgba(74, 55, 47, 0.11);
  --dv-shadow-lg: 0 18px 48px rgba(74, 55, 47, 0.15);
  --dv-shadow-focus: 0 0 0 3px rgba(104, 73, 157, 0.32);
  --dv-shadow-inset: inset 0 1px 2px rgba(74, 55, 47, 0.08);
  --dv-shadow-action: 0 5px 14px rgba(196, 81, 83, 0.22);
  --dv-shadow-nav: 0 -10px 24px rgba(74, 55, 47, 0.06);
  --dv-shadow-art: 0 18px 20px rgba(74, 55, 47, 0.12);
  --dv-shadow-coin-inset: inset 0 0 0 1px rgba(95, 66, 31, 0.18);
  --dv-motion-duration-instant: 80ms;
  --dv-motion-duration-fast: 150ms;
  --dv-motion-duration-normal: 240ms;
  --dv-motion-duration-slow: 420ms;
  --dv-motion-duration-reveal: 700ms;
  --dv-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --dv-motion-easing-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --dv-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --dv-motion-easing-gentle-spring: cubic-bezier(0.2, 0.9, 0.3, 1.15);
  --dv-motion-distance-sm: 0.25rem;
  --dv-motion-distance-md: 0.5rem;
  --dv-motion-distance-lg: 1rem;
  --dv-opacity-disabled: 0.56;
  --dv-opacity-muted: 0.72;
  --dv-opacity-scrim: 0.42;
  --dv-breakpoint-mobile-sm: 20rem;
  --dv-breakpoint-mobile: 26.875rem;
  --dv-breakpoint-tablet: 48rem;
  --dv-breakpoint-desktop: 64rem;
  --dv-breakpoint-wide: 75rem;
  --dv-z-index-base: 0;
  --dv-z-index-raised: 10;
  --dv-z-index-sticky: 100;
  --dv-z-index-nav: 200;
  --dv-z-index-popover: 400;
  --dv-z-index-overlay: 600;
  --dv-z-index-toast: 800;
  --dv-component-button-height-sm: 2.75rem;
  --dv-component-button-height-md: 2.875rem;
  --dv-component-button-height-lg: 3.25rem;
  --dv-component-button-radius: 999px;
  --dv-component-button-gap: 0.5rem;
  --dv-component-field-height: 3rem;
  --dv-component-field-radius: 1rem;
  --dv-component-field-background: #FFFFFF;
  --dv-component-field-border: #EFE4D8;
  --dv-component-card-radius: 1.25rem;
  --dv-component-card-padding: 1rem;
  --dv-component-card-background: #FFFFFF;
  --dv-component-card-border: #EFE4D8;
  --dv-component-card-shadow: 0 4px 12px rgba(74, 55, 47, 0.08);
  --dv-component-creature-card-art-ratio: 1 / 1;
  --dv-component-creature-card-radius: 1.25rem;
  --dv-component-creature-card-min-width: 9rem;
  --dv-component-bottom-nav-height: 4.75rem;
  --dv-component-bottom-nav-radius: 1.5rem;
  --dv-component-bottom-nav-safe-area-pad: max(0.75rem, env(safe-area-inset-bottom));
  --dv-component-sheet-radius: 2rem;
  --dv-component-sheet-max-width: 32rem;
  --dv-component-toast-radius: 1rem;
  --dv-component-toast-max-width: 24rem;
  color-scheme: light;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dv-motion-duration-fast: 1ms;
    --dv-motion-duration-normal: 1ms;
    --dv-motion-duration-slow: 1ms;
    --dv-motion-duration-reveal: 1ms;
    --dv-motion-distance-sm: 0;
    --dv-motion-distance-md: 0;
    --dv-motion-distance-lg: 0;
  }
}