:root {
  --c-bg:           #f0faf3;
  --c-bg-soft:      #e8f5e9;
  --c-surface:      #ffffff;
  --c-surface-alt:  #f5fbf7;

  --c-primary:      #a8dab5;
  --c-primary-lt:   #c8f0d0;
  --c-primary-dk:   #7bc994;
  --c-primary-text: #2d5040;

  --c-text:         #5a7568;
  --c-muted:        #90a898;
  --c-heading:      #3a5448;

  --c-border:       #cce8d4;
  --c-border-lt:    #e0f2e5;

  --c-attr1:        #b2efbd;

  /*  */
  /* --c-attr2:        #90caf9; */
  --c-attr2:        #7fd8ec;
/*  */

  --c-attr3:        #ff8a80;
  --c-attr4:        #fff59d;
  --c-attr5:        #a78bfa;

  --c-attr1-lt:     #d8f7dc;
  --c-attr2-lt:     #c8e4fc;
  --c-attr3-lt:     #ffc4c0;
  --c-attr4-lt:     #fffbce;
  /*  */
  /* --c-attr5-lt:     #d4c6fc; */
  --c-attr5-lt:     #d3c2f9;
  /*  */

  --c-attr1-text:   #2e7d32;
  --c-attr2-text:   #1565c0;
  --c-attr3-text:   #b71c1c;
  --c-attr4-text:   #e65100;
  --c-attr5-text:   #ffffff;

  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   20px;
  --r-pill: 999px;

  --sh-sm: 0 2px  8px rgba(80,160,110,0.10);
  --sh-md: 0 4px 16px rgba(80,160,110,0.14);
  --sh-lg: 0 8px 28px rgba(80,160,110,0.18);

  --grad-primary: linear-gradient(135deg, #c8f0d0 0%, #a8dab5 100%);
  --grad-header:  linear-gradient(135deg, #d4f5dd 0%, #b2efbd 60%, #9ee0b4 100%);
  --grad-card:    linear-gradient(160deg, #ffffff 0%, #f5fbf7 100%);

  --t-fast: 0.15s ease;
  --t-base: 0.25s ease;

  --font: 'HuiFont', 'Helvetica Neue', Arial, sans-serif;
}

@font-face {
  font-family: 'HuiFont';
  src: url('../font/HuiFontP29.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NotoSerifJP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/font/Noto_Serif_JP/static/NotoSerifJP-Regular.ttf") format("truetype");
}