/* ============================================================
   Vansh · Bahi Lineage Studio — design tokens (SBL-pro / red)
   ============================================================ */

:root {
  /* surface */
  --bg:        #ffffff;
  --bg-soft:   #f6f7fb;
  --bg-soft-2: #eef0f6;
  --bg-dark:   #0d1330;     /* navy used in hero card / footer */
  --bg-darker: #07091e;

  /* ink */
  --ink:        #0a1230;    /* primary text (deep navy) */
  --ink-2:      #1f2748;
  --ink-soft:   #555c79;
  --ink-mute:   #8a90a8;
  --ink-disabled:#b8bcca;

  /* lines */
  --line:        #e6e8ee;
  --line-soft:   #eff1f6;
  --line-strong: #d6dae5;

  /* brand red palette */
  --red:        #d11f2a;
  --red-deep:   #a8141e;
  --red-dark:   #780d14;
  --red-tint:   #fdeaeb;
  --red-tint-2: #fbd2d5;

  /* secondary accents */
  --gold:       #d39a1a;
  --teal:       #0e7c7b;
  --indigo:     #2f3aa6;

  /* gender colours (kept) */
  --male:    #2f5fcb;
  --female:  #c4327f;
  --unknown: #8a90a8;

  /* radii / shadow */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --shadow-sm: 0 1px 2px rgba(10,18,48,.06), 0 1px 1px rgba(10,18,48,.04);
  --shadow-1:  0 4px 14px rgba(10,18,48,.07);
  --shadow-2:  0 16px 40px rgba(10,18,48,.10);
  --shadow-3:  0 30px 80px rgba(10,18,48,.18);

  /* type */
  --f-sans:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-display: "Inter", system-ui, sans-serif;
  --f-serif:   "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --f-mono:    "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}

* { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0;
  font-family: var(--f-sans);
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01", "cv11";
}

body { min-height: 100vh; overflow-x: hidden; }

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }

::selection { background: var(--red); color: #fff; }

/* scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d6dae5; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #b8bcca; }
::-webkit-scrollbar-track { background: transparent; }

.muted { color: var(--ink-mute); }
.mono  { font-family: var(--f-mono); }
.serif { font-family: var(--f-serif); }