/* =============================================================
   DESIGN TOKENS
   keisuke-portfolio / css/tokens.css
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&family=Noto+Serif+JP:wght@200;300&display=swap');

:root {
  /* Ink scale */
  --ink-100: #1D1D1F;
  --ink-80:  #6E6E73;
  --ink-60:  #86868B;
  --ink-40:  #AEAEB2;

  /* Rules / borders */
  --rule-60: #D2D2D7;
  --rule-40: #E8E8ED;

  /* Surfaces */
  --paper:   #F5F5F7;
  --white:   #FFFFFF;

  /* Nav */
  --nav-bg:  rgba(255, 255, 255, 0.92);
  --blur:    20px;

  /* Motion */
  --ease:    cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* Layout */
  --max-w:   1120px;

  /* Shu — brand red accent */
  --shu:     #B33A3A;
  --shu-10:  rgba(179, 58, 58, 0.10);
  --shu-20:  rgba(179, 58, 58, 0.20);

  /* Particle — plexus blue accent */
  --particle: #3C64B4;
}