:root {
   --cre-color-base: #FFFFFF;
   --cre-color-text: #333333;
   --cre-color-text-light: #FFFFFF;
   --cre-color-bg-light: #F7F7F7;
   --cre-color-accent-blue: #405796;
   --cre-color-accent-blue-dark: #2F6DA4;
   --cre-color-accent-blue-light: #6a91c1;
   --cre-color-accent-red: #A3455A;
   --cre-color-accent-orange: #E68A00;
   --cre-color-accent-orange-dark: #CC7A00;
   --cre-color-accent-orange-light: #FFB347;
   --cre-color-accent-sub-blue: #F0F6FF;
   --cre-color-accent-sub-orange: #FFF8E6;
   --cre-color-accent-sub-red: #F8E8EB;
   --cre-color-accent-green: #3A8F4E;
   --cre-color-accent-green-dark: #2E6F3B;
   --cre-color-accent-green-light: #6AC18A;
   --cre-color-accent-sub-green: #E8F5E9;
   --cre-font-size-base: 16px;
   --cre-line-height-base: 1.9;
   --cre-font-family-base: 'Noto Serif JP', serif;
   --cre-color-bubble-left: var(--cre-color-accent-sub-blue);
   --cre-color-bubble-right: var(--cre-color-base);
   --cre-color-bubble-center: var(--cre-color-bg-light);

   --cre-color-bubble-border: #DDDDDD;
   --cre-color-red: #c80503;

   --cre-color-accent: var(--cre-color-accent-blue);
   --cre-color-accent-dark: var(--cre-color-accent-blue-dark);
   --cre-color-accent-light: var(--cre-color-accent-blue-light);
}