@charset "UTF-8";

:root{
  --color-white: #fff;
  --color-black: #000;

  --color-project-brown: #452F1C;
  --color-project-red: #D91900;
  --color-project-orange: #F7940D;
  --color-project-pink: #FF6FA3;
  --color-project-blue: #24B5D6;
  --color-project-magenta: #FD788C;
  --color-project-beige: #CEC8C1;

  --color-project-bg-blue: #DDF9FF;
  --color-project-bg-pink: #FFDEE9;
  --color-project-bg-yellow: #FFF8E3;
  --color-project-bg-beige: #EDE2D3;
  --color-project-bg-brown: #F8EAD5;

  --color-text-default: var(--color-project-brown);

  --font-zen-maru-gothic: 'Zen Maru Gothic';
  --font-cherry-bomb-one: 'Cherry Bomb One';

  --font-main: var(--font-zen-maru-gothic), sans-serif;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;

  --transition-default: 0.35s ease;
}