/* Prototype theme extracted from: Downloads/src (2)/styles/theme.css
   Note: the original kit relies on Tailwind (@apply/@layer). This file is a plain-CSS adaptation
   that keeps the same tokens and lets our existing HTML prototype reuse them. */

:root {
  /* Core kit tokens (hex-friendly) */
  --kit-background: #ffffff;
  --kit-foreground: #030213;
  --kit-card: #ffffff;
  --kit-muted: #ececf0;
  --kit-muted-foreground: #717182;
  --kit-accent: #e9ebef;
  --kit-border: rgba(0, 0, 0, 0.1);
  --kit-input-background: #ffffff;
  --kit-destructive: #d4183d;
  --kit-radius: 0.625rem;

  /* Map kit tokens into our existing prototype variables */
  --black: var(--kit-foreground);
  --black-rgb: 3, 2, 19;
  --bg: var(--kit-background);

  /* Our prototype used “pink” for brand accent; re-skin to kit primary (dark). */
  --pink: var(--kit-foreground);
  --pink-hover: #111827;
  --pink-2: #1f2937;

  --muted: var(--kit-muted-foreground);
  --radius: 14px; /* keep our rounded feel */

  /* Shared UI */
  --line: var(--kit-border);
  --field-bg: var(--kit-input-background);
}

html,
body {
  background: var(--bg);
  color: var(--black);
}

/* Subtle enterprise surface (replaces the “pink glow” feel) */
body {
  background: radial-gradient(900px 360px at 50% -120px, rgba(3, 2, 19, 0.06), transparent 60%),
    radial-gradient(700px 280px at 14% 40px, rgba(3, 2, 19, 0.035), transparent 55%), var(--bg);
}

/* Inputs should match kit */
input,
select,
textarea {
  background: var(--field-bg) !important;
  border-color: var(--line) !important;
}

/* Cards should match kit */
.ob-card,
.plan-card,
.mod-pick {
  border-color: var(--line) !important;
}

/* Buttons should match kit */
.btn--primary {
  background: var(--pink) !important;
  color: #fff !important;
}
.btn--primary:hover:not(:disabled) {
  background: var(--pink-hover) !important;
}

.btn--ghost {
  background: #ffffff !important;
  border-color: var(--line) !important;
}

.link-pink {
  color: var(--pink) !important;
}
.link-pink:hover {
  color: var(--pink-hover) !important;
}