:root{
  
  --color-paper:      oklch(97.8% 0.005 67.8);   
  --color-paper-pure: oklch(100%  0     0);      
  --color-paper-3:    oklch(94.0% 0.009 62.6);   

  
  --color-ink:        oklch(29.8% 0.017  5.9);   
  --color-ink-soft:   oklch(50.3% 0.018  8.0);   
  --color-ink-faint:  oklch(65.8% 0.017 54.8);   

  
  --color-cta:        oklch(36.6% 0.031  2.9);   
  --color-on-cta:     oklch(100%  0     0);

  
  --color-rule:       oklch(91.4% 0.011 63.4);   
  --color-border:     oklch(84.9% 0.017 58.6);   

  

  --color-accent-50:  oklch(97.0% 0.012 11.0);   
  --color-accent-100: oklch(92.2% 0.032 10.6);   
  --color-accent-200: oklch(87.0% 0.051 12.2);   
  --color-accent-300: oklch(81.1% 0.078 12.9);   
  --color-accent-500: oklch(74.6% 0.107 14.8);   
  --color-accent-700: oklch(55.7% 0.143 18.1);   
  --color-accent-800: oklch(46.7% 0.128 18.6);   

  
  --color-success:    oklch(52.9% 0.106 154.6);  
  --color-error:      oklch(50.1% 0.178  28.7);  

  












  --flower-sakura:   oklch(87% 0.051  12);   
  --flower-kaki:     oklch(87% 0.051  45);   
  --flower-nanohana: oklch(87% 0.051  95);   
  --flower-wakaba:   oklch(87% 0.051 165);   
  --flower-sora:     oklch(87% 0.051 245);   
  --flower-fuji:     oklch(87% 0.051 305);   

  









  
  --flower-sakura-deep:   oklch(55% 0.10  12);   
  --flower-kaki-deep:     oklch(55% 0.10  45);   
  --flower-nanohana-deep: oklch(55% 0.10  95);   
  --flower-wakaba-deep:   oklch(55% 0.10 165);   
  --flower-sora-deep:     oklch(55% 0.10 245);   
  --flower-fuji-deep:     oklch(55% 0.10 305);   

  










  --font-wordmark: "Baloo 2", ui-sans-serif, sans-serif;
  --font-display:  "Zen Kaku Gothic New", ui-sans-serif, system-ui, sans-serif;
  --font-body:     "Zen Kaku Gothic New", ui-sans-serif, system-ui, sans-serif;

  
  --text-xs:  0.8rem;
  --text-sm:  0.9rem;
  --text-base:1rem;
  --text-md:  1.25rem;
  --text-lg:  1.5625rem;
  --text-xl:  1.9531rem;
  --text-2xl: 2.4414rem;
  --text-display:   clamp(2.4rem, 4.6vw + 0.6rem, 4.6rem);
  --text-display-s: clamp(2rem,   3.4vw + 0.6rem, 3.4rem);

  
  --space-xs:  0.5rem;   --space-sm:  0.75rem;  --space-md:  1rem;
  --space-lg:  1.5rem;   --space-xl:  2rem;     --space-2xl: 3rem;
  --space-3xl: 5rem;     --space-4xl: 7.5rem;

  
  --radius-thumb: 8px;   --radius-input: 12px;  --radius-card: 16px;
  --radius-pill:  999px;
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --dur: 620ms;
}