:root {
  /* 
   * Impressionist Color Palette 
   * Inspired by Monet and Renoir: Soft, light-filled, pastoral.
   */
  
  /* Primary Backgrounds - Canvas & Light */
  --color-canvas-white: #fdfbf7;   /* Warm, creamy white like a primed canvas */
  --color-canvas-gesso: #f4f1ea;   /* Slightly darker cream for sections */
  
  /* Primary Text - Softened nuances */
  --color-text-main: #2c3e50;      /* Deep blue-grey instead of harsh black */
  --color-text-muted: #5d6d7e;     /* Softer grey for secondary text */
  --color-text-accent: #8e44ad;    /* Deep purple for emphasis */

  /* Impressionist Accents - The "Paint" */
  --color-accent-pink: #fad0c4;    /* Water lily pink */
  --color-accent-rose: #f78fb3;    /* Deeper rose */
  --color-accent-blue: #a1c4fd;    /* Reflection blue */
  --color-accent-water: #c2e9fb;   /* Lighter water blue */
  --color-accent-green: #d4fc79;   /* Fresh spring green */
  --color-accent-foliage: #96e6a1; /* Deeper foliage green */
  --color-accent-gold: #f6d365;    /* Sunlight gold (Komorebi) */
  --color-accent-lilac: #e0c3fc;   /* Soft purple shadows */

  /* Gradients - "Brush Strokes" */
  --gradient-morning: linear-gradient(120deg, var(--color-canvas-white) 0%, var(--color-accent-water) 100%);
  --gradient-sunset: linear-gradient(120deg, var(--color-accent-pink) 0%, var(--color-canvas-white) 100%);
  --gradient-pond: linear-gradient(to right, var(--color-accent-blue) 0%, var(--color-accent-green) 100%);
  --gradient-gold-glow: linear-gradient(to bottom, transparent 0%, rgba(246, 211, 101, 0.2) 100%);

  /* Typography */
  --font-serif: "Shippori Mincho", "Noto Serif JP", serif; /* Elegant Japanese Serif */
  --font-sans: "Lato", "Helvetica Neue", sans-serif;       /* Clean Sans-serif for readability */
  
  /* Glassmorphism & Texture */
  --glass-bg: rgba(255, 255, 255, 0.6);
  --glass-border: 1px solid rgba(255, 255, 255, 0.8);
  --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
  --blur-strong: blur(12px);
  --blur-soft: blur(4px);

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 8rem;

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
}

body {
  background-color: var(--color-canvas-white);
  color: var(--color-text-main);
  font-family: var(--font-sans);
  line-height: 1.6;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif);
  font-weight: 500;
  letter-spacing: 0.05em;
  color: var(--color-text-main);
}