:root {
  --gray-1: #f3f4f6;
  /* Colors - Light Theme Default */
  --primary-color: #ffb6ff;
  --primary-color-rgb: 255, 182, 255;

  --primary-color-10: rgba(255, 182, 255, 0.1);
  --primary-color-30: rgba(255, 182, 255, 0.3);
  --primary-color-40: rgba(255, 182, 255, 0.4);

  --bg-pink-light-gradient: radial-gradient(at 30% 20%, var(--primary-color-40), transparent 70%),
    radial-gradient(at 80% 60%, var(--primary-color-10), transparent 80%),
    linear-gradient(135deg, var(--primary-color-10), var(--primary-color-30) 60%, var(--primary-color-10) 100%);

  --bg-pink-dark-gradient: linear-gradient(135deg, var(--gray-1, #f4f4f4), #FFB6FF, var(--gray-1, #f4f4f4));


  --font-color: var(--color-dark);
  --font-color-muted: #666666;

  --bg-color: #ffffff;
  --bg-secondary: #f8f9fa;
  /* Light gray for backgrounds */
  --bg-tertiary: #f0f2f5;

  --border-color: #e5e7eb;
  /* Visible light gray for borders */
  --border-color-subtle: #fdfdfe;

  /* Typography */
  --font-family-base: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-size-base: 16px;
  --line-height-base: 1.6;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;

  /* Layout */
  --nav-width: 280px;
  --header-height: 60px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --section-shadow-top: 0 -4px 10px rgba(0, 0, 0, 0.05);
  --section-shadow-bottom: 0 4px 10px rgba(0, 0, 0, 0.05);

  /* Dark Palette (Simplified) */
  --color-light: #2a2233;
  --color-lighter: #3a2e46;
  --color-lightest: #4b3c5a;
  --color-dark: #100b16;
  --color-darker: #0e0913;
  --color-darkest: #05030a;
}