@import url("./layout.css");
@import url("./components.css");
@import url("./responsive.css");

:root {
  --cv-black: #050505;
  --cv-dark-glass: #0b0d10;
  --cv-graphite: #111214;
  --cv-metal: #1c1d20;
  --cv-silver: #c8c8c8;
  --cv-platinum: #f2f2f2;
  --cv-grey: #8f9296;
  --cv-border: rgba(255, 255, 255, 0.08);
  --cv-border-strong: rgba(255, 255, 255, 0.16);
  --cv-surface: #111214;
  --cv-surface-2: #1c1d20;
  --cv-hover: rgba(255, 255, 255, 0.06);
  --cv-active: rgba(255, 255, 255, 0.1);

  --bg: var(--cv-black);
  --surface: var(--cv-surface);
  --surface-2: var(--cv-surface-2);
  --field: var(--cv-dark-glass);
  --ink: var(--cv-platinum);
  --muted: var(--cv-grey);
  --line: var(--cv-border);
  --line-strong: var(--cv-border-strong);
  --green: var(--cv-platinum);
  --green-soft: rgba(255, 255, 255, 0.08);
  --green-dark: #d9d9d6;
  --amber: #c7bcaa;
  --amber-soft: rgba(199, 188, 170, 0.12);
  --red: #d08a84;
  --red-soft: rgba(208, 138, 132, 0.12);
  --black-soft: var(--cv-metal);
  --shadow: 0 18px 60px rgba(0, 0, 0, 0.34);
  --radius: 18px;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  background: var(--bg);
  scrollbar-color: rgba(255, 255, 255, 0.24) var(--cv-black);
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 220px),
    var(--bg);
  font-family:
    Inter, Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.55;
  letter-spacing: 0;
}

button,
input,
select,
textarea {
  font: inherit;
  letter-spacing: 0;
}

button {
  cursor: pointer;
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  cursor: not-allowed;
  opacity: 0.56;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
p {
  margin: 0;
}

h1 {
  font-size: 30px;
  line-height: 1.16;
  font-weight: 720;
}

h2 {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
}

h3 {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
}

strong {
  font-weight: 700;
}

.muted {
  color: var(--muted);
}

.mono {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

::selection {
  background: rgba(242, 242, 242, 0.2);
  color: var(--cv-platinum);
}