/* KOPERNIKUS SaaS Design Tokens — ported from Next.js globals.css */
:root {
  /* Primary (deep indigo/navy) */
  --color-primary: #000666;
  --color-primary-container: #1a237e;
  --color-primary-fixed: #e0e0ff;
  --color-primary-fixed-dim: #bdc2ff;
  --color-on-primary: #ffffff;
  --color-on-primary-container: #8690ee;

  /* Secondary (golden amber — CTA color) */
  --color-secondary: #835400;
  --color-secondary-container: #fcab28;
  --color-secondary-fixed: #ffddb5;
  --color-secondary-fixed-dim: #ffb957;
  --color-on-secondary: #ffffff;
  --color-on-secondary-container: #694300;

  /* Tertiary (neutral dark) */
  --color-tertiary: #181b23;
  --color-tertiary-container: #2c3039;
  --color-tertiary-fixed: #e0e2ee;

  /* Surface (backgrounds) */
  --color-surface: #f9f9fb;
  --color-surface-container: #eeeef0;
  --color-surface-container-low: #f3f3f5;
  --color-surface-container-high: #e8e8ea;
  --color-surface-container-lowest: #ffffff;
  --color-on-surface: #1a1c1d;
  --color-on-surface-variant: #454652;

  /* Other */
  --color-outline: #767683;
  --color-outline-variant: #c6c5d4;
  --color-error: #ba1a1a;
  --color-error-container: #ffdad6;
  --color-inverse-surface: #2f3132;

  /* Fonts */
  --font-headline: "Manrope", "Noto Sans KR", sans-serif;
  --font-body: "Inter", "Noto Sans KR", sans-serif;
  --font-label: "Inter", "Noto Sans KR", sans-serif;
}

/* Glass morphism navbar */
.glass-nav {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Form styling */
.form-input {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid var(--color-outline-variant);
  background: var(--color-surface-container-lowest);
  font-family: var(--font-body);
  font-size: 0.95rem;
  width: 100%;
  transition: all 0.2s;
}
.form-input:focus {
  outline: none;
  border-color: var(--color-secondary-container);
  box-shadow: 0 0 0 2px var(--color-secondary-container);
}
.form-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 0.375rem;
  font-family: var(--font-label);
}

/* Selection highlight */
::selection {
  background: var(--color-secondary-container);
  color: var(--color-on-secondary-container);
}

/* Section divider bar */
.section-divider {
  width: 5rem;
  height: 0.375rem;
  background: var(--color-secondary-container);
  margin: 0 auto;
  border-radius: 9999px;
}