/* Petakamu — theme tokens (ported from the Claude Design theme objects).
   Two directions: Aurora (dark cosmic) and Confetti (light sticker-pop).
   Applied by putting .theme-aurora / .theme-confetti on the .app root. */

.theme-aurora {
  --bg: radial-gradient(120% 80% at 18% -8%, #34206e 0%, rgba(52,32,110,0) 52%), radial-gradient(110% 80% at 96% 8%, #5a2a8a 0%, rgba(90,42,138,0) 48%), linear-gradient(180deg,#0e0a22 0%,#150d30 60%,#0e0a22 100%);
  --text: #f5f1ff;
  --text-dim: #b3a7dc;
  --accent: #c79bff;
  --accent2: #4be3da;
  --grad: linear-gradient(135deg,#ffd0f3 0%,#c084fc 46%,#4be3da 100%);
  --on-accent: #1c0b3e;
  --card-bg: rgba(255,255,255,0.055);
  --card-bd: 1px solid rgba(255,255,255,0.13);
  --card-sh: 0 16px 44px rgba(28,10,62,0.5);
  --radius: 26px;
  --radius-sm: 15px;
  --chip-bg: rgba(255,255,255,0.09);
  --btn-bd: 1px solid rgba(255,255,255,0.18);
  --font-display: 'Space Grotesk';
  --font-body: 'Plus Jakarta Sans';
  --btn-sh: 0 12px 30px rgba(150,90,255,0.45);
  --hair: rgba(255,255,255,0.09);
  --qr: repeating-conic-gradient(#15082e 0% 25%, #fff 0% 50%) 0 0/16px 16px;
  color-scheme: dark;
}

.theme-confetti {
  --bg: radial-gradient(100% 60% at 0% 0%, #fff0d9 0%, rgba(255,240,217,0) 55%), radial-gradient(100% 60% at 100% 100%, #ffe1ef 0%, rgba(255,225,239,0) 55%), linear-gradient(180deg,#fff7ee 0%,#fff1f6 100%);
  --text: #241046;
  --text-dim: #7a6a9a;
  --accent: #ff3d83;
  --accent2: #7c3aed;
  --grad: linear-gradient(135deg,#ffac4d 0%,#ff3d83 52%,#a44dff 100%);
  --on-accent: #ffffff;
  --card-bg: #ffffff;
  --card-bd: 2.5px solid #241046;
  --card-sh: 5px 6px 0 #241046;
  --radius: 22px;
  --radius-sm: 14px;
  --chip-bg: #fff0f6;
  --btn-bd: 2.5px solid #241046;
  --font-display: 'Fredoka';
  --font-body: 'Plus Jakarta Sans';
  --btn-sh: 4px 5px 0 #241046;
  --hair: rgba(36,16,70,0.1);
  --qr: repeating-conic-gradient(#241046 0% 25%, #fff 0% 50%) 0 0/16px 16px;
  color-scheme: light;
}