/* @tailwind base;
@tailwind components;
@tailwind utilities; */

/* * {
  margin: 0;
  padding: 0;
}

body {
  min-height: 100dvh;
} */

/* @layer utilities {
  .text-balance {
    text-wrap: balance;
  }
} */

body, nav.left{
  transition: background .2s;
  transform-origin: left;
}

body.light.light {
  --primary: #bc004b;
  --on-primary: #ffffff;
  --primary-container: #ffd9de;
  --on-primary-container: #400014;
  --secondary: #75565b;
  --on-secondary: #ffffff;
  --secondary-container: #ffd9de;
  --on-secondary-container: #2c1519;
  --tertiary: #795831;
  --on-tertiary: #ffffff;
  --tertiary-container: #ffddba;
  --on-tertiary-container: #2b1700;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #410002;
  --background: #fffbff;
  --on-background: #201a1b;
  --surface: #fff8f7;
  --on-surface: #201a1b;
  --surface-variant: #f3dddf;
  --on-surface-variant: #524345;
  --outline: #847375;
  --outline-variant: #d6c2c3;
  --shadow: #000000;
  --scrim: #000000;
  --inverse-surface: #362f2f;
  --inverse-on-surface: #fbeeee;
  --inverse-primary: #ffb2be;
  --surface-dim: #e3d7d8;
  --surface-bright: #fff8f7;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #fdf1f1;
  --surface-container: #f8ebeb;
  --surface-container-high: #f2e5e6;
  --surface-container-highest: #ece0e0;
}

body.dark.dark {
  --primary: #ffb2be;
  --on-primary: #660025;
  --primary-container: #900038;
  --on-primary-container: #ffd9de;
  --secondary: #e5bdc2;
  --on-secondary: #43292d;
  --secondary-container: #5c3f43;
  --on-secondary-container: #ffd9de;
  --tertiary: #ebbf90;
  --on-tertiary: #452b08;
  --tertiary-container: #5f411c;
  --on-tertiary-container: #ffddba;
  --error: #ffb4ab;
  --on-error: #690005;
  --error-container: #93000a;
  --on-error-container: #ffb4ab;
  --background: #201a1b;
  --on-background: #ece0e0;
  --surface: #181213;
  --on-surface: #ece0e0;
  --surface-variant: #524345;
  --on-surface-variant: #d6c2c3;
  --outline: #9f8c8e;
  --outline-variant: #524345;
  --shadow: #000000;
  --scrim: #000000;
  --inverse-surface: #ece0e0;
  --inverse-on-surface: #362f2f;
  --inverse-primary: #bc004b;
  --surface-dim: #181213;
  --surface-bright: #3f3738;
  --surface-container-lowest: #120d0d;
  --surface-container-low: #201a1b;
  --surface-container: #241e1f;
  --surface-container-high: #2f2829;
  --surface-container-highest: #3a3334;
}