:root {

  --cream-rgb:          246 242 235;
  --paper-rgb:          255 255 255;
  --ink-rgb:             28  27  25;
  --ink-800-rgb:         51  48  44;
  --bordeaux-rgb:       124  43  62;
  --bordeaux-deep-rgb:  110  38  57;
  --bordeaux-soft-rgb:  243 227 230;
  --bordeaux-light-rgb: 176  58  85;
  --sage-rgb:           122 132 113;
  --mut-rgb:            110 104  99;
  --mut-l-rgb:          154 147 140;
  --line-rgb:           230 224 214;

  --child-rgb:          124  43  62;
  --child-soft-rgb:     243 227 230;
  --child-deep-rgb:     110  38  57;

  --child-accent-rgb:   110  38  57;

  --cream:          rgb(var(--cream-rgb));
  --paper:          rgb(var(--paper-rgb));
  --ink:            rgb(var(--ink-rgb));
  --ink-800:        rgb(var(--ink-800-rgb));
  --bordeaux:       rgb(var(--bordeaux-rgb));
  --bordeaux-deep:  rgb(var(--bordeaux-deep-rgb));
  --bordeaux-soft:  rgb(var(--bordeaux-soft-rgb));
  --bordeaux-light: rgb(var(--bordeaux-light-rgb));
  --sage:           rgb(var(--sage-rgb));
  --mut:            rgb(var(--mut-rgb));
  --mut-l:          rgb(var(--mut-l-rgb));
  --line:           rgb(var(--line-rgb));
  --child:          rgb(var(--child-rgb));
  --child-soft:     rgb(var(--child-soft-rgb));
  --child-deep:     rgb(var(--child-deep-rgb));
  --child-accent:   rgb(var(--child-accent-rgb));

  --display: 'Fraunces', Georgia, serif;
  --body:    'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hand:    'Caveat', cursive;

  --r-sm:   8px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  24px;
  --r-full: 999px;

  --sh-sm: 0 3px 10px  rgb(var(--ink-rgb) / .06);
  --sh-md: 0 6px 18px  rgb(var(--ink-rgb) / .10);
  --sh-lg: 0 16px 36px rgb(var(--ink-rgb) / .16);

  --ease: 180ms cubic-bezier(.4, 0, .2, 1);

  --theme-bordeaux: #7C2B3E;
  --theme-rose:     #C4416E;
  --theme-bleu:     #2F6F9F;
  --theme-vert:     #3F7F52;
  --theme-ambre:    #A06A1A;
  --theme-violet:   #6B4CA0;

  --cat-sante-rgb:    124  43  62;   --cat-sante-soft-rgb:    243 227 230;
  --cat-souvenirs-rgb:138  95  23;   --cat-souvenirs-soft-rgb:245 238 223;
  --cat-repas-rgb:     51 102  66;   --cat-repas-soft-rgb:    228 239 231;
  --cat-sommeil-rgb:   87  61 130;   --cat-sommeil-soft-rgb:  236 230 245;
  --cat-couches-rgb:  142  95  24;   --cat-couches-soft-rgb:  247 237 219;
  --cat-exercices-rgb: 42 105  99;   --cat-exercices-soft-rgb:225 240 238;
}

[data-theme='bordeaux'] { --child-rgb: 124  43  62; --child-soft-rgb: 243 227 230; --child-deep-rgb: 110 38  57; --child-accent-rgb: 110 38  57; }
[data-theme='rose']     { --child-rgb: 196  65 110; --child-soft-rgb: 249 229 236; --child-deep-rgb: 168 52  89; --child-accent-rgb: 168 52  89; }
[data-theme='bleu']     { --child-rgb:  47 111 159; --child-soft-rgb: 227 237 245; --child-deep-rgb:  37 88 129; --child-accent-rgb:  37 88 129; }
[data-theme='vert']     { --child-rgb:  63 127  82; --child-soft-rgb: 228 239 231; --child-deep-rgb:  51 102 66; --child-accent-rgb:  51 102 66; }

[data-theme='ambre']    { --child-rgb: 160 106  26; --child-soft-rgb: 247 237 219; --child-deep-rgb: 142 95  24; --child-accent-rgb: 142 95  24; }
[data-theme='violet']   { --child-rgb: 107  76 160; --child-soft-rgb: 236 230 245; --child-deep-rgb:  87 61 130; --child-accent-rgb:  87 61 130; }

:root[data-scheme='dark'] {
  --cream-rgb:           25  22  18;
  --paper-rgb:           34  30  25;
  --ink-rgb:            244 239 230;
  --ink-800-rgb:        255 251 243;
  --bordeaux-rgb:       206 100 128;
  --bordeaux-deep-rgb:  227 138 160;
  --bordeaux-soft-rgb:   46  29  34;
  --sage-rgb:           152 162 141;
  --mut-rgb:            168 160 153;
  --mut-l-rgb:          123 115 107;
  --line-rgb:            50  45  38;

  --sh-sm: 0 3px 10px  rgb(0 0 0 / .34);
  --sh-md: 0 6px 18px  rgb(0 0 0 / .46);
  --sh-lg: 0 16px 36px rgb(0 0 0 / .58);

  --child-soft-rgb:      46  29  34;
  --child-accent-rgb:   227 138 160;

  --cat-sante-rgb:      227 138 160;  --cat-sante-soft-rgb:      46 29 34;
  --cat-souvenirs-rgb:  217 180  74;  --cat-souvenirs-soft-rgb:  44 36 19;
  --cat-repas-rgb:      134 193 153;  --cat-repas-soft-rgb:      23 37 27;
  --cat-sommeil-rgb:    169 143 218;  --cat-sommeil-soft-rgb:    34 28 49;
  --cat-couches-rgb:    224 179 106;  --cat-couches-soft-rgb:    44 33 19;
  --cat-exercices-rgb:  111 191 180;  --cat-exercices-soft-rgb:  22 37 35;
}

:root[data-scheme='dark'][data-theme='bordeaux'] { --child-soft-rgb: 46 29 34; --child-accent-rgb: 227 138 160; }
:root[data-scheme='dark'][data-theme='rose']     { --child-soft-rgb: 51 28 37; --child-accent-rgb: 235 141 175; }
:root[data-scheme='dark'][data-theme='bleu']     { --child-soft-rgb: 22 36 46; --child-accent-rgb: 127 180 218; }
:root[data-scheme='dark'][data-theme='vert']     { --child-soft-rgb: 26 42 30; --child-accent-rgb: 134 193 153; }
:root[data-scheme='dark'][data-theme='ambre']    { --child-soft-rgb: 44 33 19; --child-accent-rgb: 223 169  90; }
:root[data-scheme='dark'][data-theme='violet']   { --child-soft-rgb: 34 28 49; --child-accent-rgb: 169 143 218; }

*, *::before, *::after { box-sizing: border-box; }

html { color-scheme: light; }
:root[data-scheme='dark'] { color-scheme: dark; }

body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

:focus-visible {
  outline: 2px solid var(--bordeaux);
  outline-offset: 3px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}