/**
 * Theme: Aura Final (J)
 * Mirrors resources/css/theme-tokens.css — do not diverge without updating both.
 */
:root {
  --color-primary: #3ddc97;
  --color-primary-hover: #5ee4ab;
  --color-secondary: #b08d57;
  --color-secondary-hover: #c4a36e;
  --color-bg: #0b0d10;
  --color-bg-elevated: #12151a;
  --color-bg-nav: #0b0d10;
  --color-bg-card: #161a20;
  --color-text: #f5f7fa;
  --color-text-muted: #8b93a1;
  --color-border: #2a3038;
  --color-mint: #3ddc97;
  --color-bronze: #b08d57;

  --font-brand: "Aura Mark 2R", "Aura Mark", "Space Grotesk", "Montserrat", system-ui, sans-serif;
  --font-sans: "Montserrat", "IBM Plex Sans", system-ui, sans-serif;
  --font-serif: "IBM Plex Sans", ui-serif, Georgia, serif;
  --font-brand-tracking: 0.12em;
  --font-brand-weight: 600;

  --motion-fast: 200ms;
  --motion-base: 350ms;
  --motion-slow: 450ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --glow-brand: 0 0 24px rgb(61 220 151 / 0.45), 0 0 48px rgb(61 220 151 / 0.2);

  --radius: 0.25rem;
  --radius-lg: 0.5rem;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.35);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.45);
  --shadow-md: 0 8px 24px -4px rgb(0 0 0 / 0.55);

  --content-card-bg: var(--color-bg-card);
  --content-card-border: var(--color-border);
  --content-card-shadow: var(--shadow-md);
  --content-table-header-bg: #0f3d2e;
  --content-table-header-text: #f0fdfa;
  --content-table-header-border: rgba(61, 220, 151, 0.25);
  --content-table-row-bg: var(--color-bg-card);
  --content-table-row-alt-bg: var(--color-bg-elevated);
  --content-table-row-hover-bg: color-mix(in srgb, var(--color-primary) 12%, var(--color-bg-card));
  --content-form-input-bg: var(--color-bg-elevated);
  --content-form-input-border: var(--color-border);
  --content-form-input-text: var(--color-text);
  --content-form-placeholder: var(--color-text-muted);
  --content-form-focus-ring: rgba(61, 220, 151, 0.35);
  --content-form-submit-bg: var(--color-primary);
  --content-form-submit-hover: var(--color-primary-hover);
  --content-form-success-bg: #134e4a;
  --content-form-success-border: #0d9488;
  --content-form-success-text: #99f6e4;
  --content-form-repeater-bg: var(--color-bg-elevated);
  --content-form-repeater-border: var(--color-border);
  --content-form-repeater-row-bg: var(--color-bg-card);
  --content-form-danger-text: #fca5a5;
  --content-form-danger-hover-bg: #450a0a;
}

.brand-wordmark {
  font-family: var(--font-brand);
  font-weight: var(--font-brand-weight);
  letter-spacing: var(--font-brand-tracking);
  text-transform: uppercase;
  color: var(--color-primary);
  text-shadow: var(--glow-brand);
}

.btn--bronze {
  background: transparent;
  border: 1px solid var(--color-bronze);
  color: var(--color-text);
}

.btn--bronze:hover {
  background: color-mix(in srgb, var(--color-bronze) 18%, transparent);
  border-color: var(--color-secondary-hover);
}

/* Primary buttons on dark: mint fill, dark text (as in J mock) */
.btn--primary {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #0b0d10;
}

.btn--primary:hover {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  color: #0b0d10;
}