@import "tailwindcss";

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("/fonts/NunitoVariable.ttf") format('truetype');
}

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("/fonts/MaterialSymbolsOutlined-Variable.woff2") format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}
@plugin "daisyui";
@plugin "daisyui/theme" {
  name:         "cisza";
  default:      true;
  prefersdark:  true;
  color-scheme: dark;

  --color-base-100:     oklch(18% 0.03 270);
  --color-base-200:     oklch(22% 0.035 270);
  --color-base-300:     oklch(28% 0.03 270);
  --color-base-content: oklch(96% 0.01 270);

  --color-primary:         oklch(78% 0.12 295);
  --color-primary-content: oklch(20% 0.04 280);
  --color-secondary:       oklch(72% 0.02 270);
  --color-secondary-content: oklch(96% 0.01 270);
  --color-accent:          oklch(82% 0.1 175);
  --color-accent-content:  oklch(20% 0.04 175);

  --color-neutral:         oklch(30% 0.03 270);
  --color-neutral-content: oklch(96% 0.01 270);

  --color-error:         oklch(65% 0.22 25);
  --color-error-content: oklch(96% 0.01 25);
  --color-success:       oklch(82% 0.1 175);
  --color-success-content: oklch(20% 0.04 175);
  --color-info:          oklch(78% 0.12 295);
  --color-info-content:  oklch(20% 0.04 280);
  --color-warning:       oklch(80% 0.25 80);
  --color-warning-content: oklch(20% 0.05 80);

  --radius-selector: 1rem;
  --radius-field:    0.75rem;
  --radius-box:      1rem;
  --border:          1px;
  --depth:           0;
  --noise:           0;
}

/* Gradients */
@utility gradient-night {
  background: linear-gradient(180deg, oklch(18% 0.03 270), oklch(14% 0.025 270));
}
@utility gradient-primary {
  background: linear-gradient(135deg, oklch(78% 0.12 295), oklch(82% 0.1 175));
}

/* Aurora overlay */
@utility aurora {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 0%, oklch(78% 0.12 295 / 0.25) 0%, transparent 60%),
    radial-gradient(ellipse at 50% 100%, oklch(82% 0.1 175 / 0.18) 0%, transparent 60%);
}

/* Glow shadow for primary buttons/orbs */
@utility shadow-glow {
  box-shadow: 0 0 60px oklch(78% 0.12 295 / 0.35);
}

/* Glass morphism for cards */
@utility glass-card {
  background: oklch(22% 0.035 270 / 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid oklch(30% 0.03 270 / 0.5);
}

/* Breathe animation */
@keyframes breathe {
  0%, 100% { transform: scale(1); opacity: 0.85; }
  50% { transform: scale(1.08); opacity: 1; }
}
@utility animate-breathe {
  animation: breathe 6s ease-in-out infinite;
}