/* Krishes Inc. · design tokens
 * Black & white, minimal. White paper, black ink, black as the only "accent".
 * Space Grotesk (display) + Inter (body) + JetBrains Mono (code/labels).
 * Every colour/font/space value the page uses lives here as a named token.
 */

:root {
  /* ── Colour · pure monochrome ── */
  --color-paper:      #ffffff;   /* paper */
  --color-paper-2:    #fafafa;   /* faint band */
  --color-paper-3:    #f2f2f2;   /* elevated surface */
  --color-rule:       #e6e6e6;   /* hairline; borders do the work */
  --color-rule-2:     #cfcfcf;
  --color-muted:      #5e5e5e;   /* captions, meta (>= 4.5:1 on white) */
  --color-neutral:    #444444;
  --color-ink-2:      #1a1a1a;   /* body text */
  --color-ink:        #000000;   /* headlines, the mark */
  --color-accent:     #000000;   /* accent IS ink, monochrome */
  --color-accent-ink: #ffffff;   /* text on a black fill */
  --color-focus:      #000000;
  --color-nav-bg:     rgba(255, 255, 255, 0.82); /* translucent nav for blur backdrop */

  /* Code: plain black-on-white, one dim tone for comments (>= 4.5:1 on white) */
  --code-text: #1a1a1a;
  --code-dim:  #6e6e6e;

  /* ── Type ── */
  --font-display: "Space Grotesk", "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-label:   "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semi:    600;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.375rem;
  --text-xl:   1.75rem;
  --text-2xl:  2.25rem;
  --text-display:   clamp(2.5rem, 4.5vw + 0.75rem, 4.5rem);
  --text-display-s: clamp(1.85rem, 3vw + 0.5rem, 2.75rem);
  --text-lede: clamp(1.0625rem, 0.6vw + 0.95rem, 1.25rem);
  --text-code: 0.8125rem;

  --lh-tight:   1.05;
  --lh-snug:    1.2;
  --lh-normal:  1.55;
  --lh-relaxed: 1.65;

  --tracking-display: -0.03em;
  --tracking-tight:   -0.015em;
  --tracking-normal:  0;
  --tracking-label:   0.08em;

  /* ── Space · 4pt scale ── */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;

  --section-y: clamp(4rem, 8vw, 7rem);

  /* ── Layout ── */
  --page-max:    76rem;
  --page-gutter: clamp(1.25rem, 4vw, 3rem);
  --measure:     62ch;

  /* ── Shape · tight radii, hairline borders, no shadow (minimal) ── */
  --radius-card:  10px;
  --radius-btn:   6px;
  --radius-input: 6px;
  --rule-hair:    1px;

  /* ── Motion ── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;
  --t-quiet:   200ms var(--ease-out);
  --reveal-dist: 10px;
  --reveal-dur:  600ms;

  /* ── Depth order ── */
  --z-nav: 50;
}