
    :root[data-theme="light"] {
      --color-bg: #FAF8F4;
      --color-surface: #F4EBE8;
      --color-card: #FFFFFF;
      --color-border: #E8DFDA;
      --color-burgundy: #762F45;
      --color-burgundy-hover: #5F2336;
      --color-rose: #C99A9F;
      --color-accent: #E5B299;
      --color-text: #282626;
      --color-muted: #7A7270;
      --color-glass: rgba(250, 248, 244, 0.92);
    }

    :root[data-theme="dark"] {
      --color-bg: #120F12;
      --color-surface: #1E171B;
      --color-card: #1A1519;
      --color-border: #30242B;
      --color-burgundy: #C25674;
      --color-burgundy-hover: #D76B8A;
      --color-rose: #D8A5AA;
      --color-accent: #ECC4B2;
      --color-text: #F8F5F2;
      --color-muted: #A3969B;
      --color-glass: rgba(18, 15, 18, 0.92);
    }

    body {
      background-color: var(--color-bg);
      color: var(--color-text);
      font-family: 'Plus Jakarta Sans', sans-serif;
      transition: background-color 0.3s ease, color 0.3s ease;
      overflow-x: hidden;
    }

    /* Animasyonlu Lüks Parıltılı Gradient Başlık Efekti */
    .shimmer-gradient-title {
      background: linear-gradient(110deg, #762F45 0%, #D49B72 25%, #A83E5B 50%, #E6B598 75%, #762F45 100%);
      background-size: 240% auto;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: shimmerFlow 6s linear infinite;
    }
    [data-theme="dark"] .shimmer-gradient-title {
      background: linear-gradient(110deg, #FAD6A5 0%, #E9A1B2 30%, #FFFFFF 50%, #E7B0C5 70%, #FAD6A5 100%);
      background-size: 240% auto;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: shimmerFlow 6s linear infinite;
    }

    @keyframes shimmerFlow {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    /* Sayfa Görünümü Geçişleri */
    .view-section {
      display: none;
      opacity: 0;
      transform: translateY(6px);
      transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .view-section.active {
      display: block;
      opacity: 1;
      transform: translateY(0);
    }

    .glass-nav {
      background: var(--color-glass);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: var(--color-bg); }
    ::-webkit-scrollbar-thumb { background: var(--color-rose); border-radius: 9999px; }
  