/*
 * claude-email — Postal Brutalism
 * Warm aged paper, oxidized ink, stamp red. Editorial serif with monospace accents.
 * One idea executed with precision: the site is a piece of mail.
 */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,700;0,9..144,900;1,9..144,400;1,9..144,700&family=JetBrains+Mono:wght@400;500;600;700&family=Vazirmatn:wght@400;500;700&display=swap');

:root {
  --paper:     #f3ead5;
  --paper-2:   #ead9b5;
  --paper-3:   #e0cc9e;
  --ink:       #141210;
  --ink-2:     #3a332c;
  --ink-muted: #6b5f50;
  --stamp:     #c32e38;
  --stamp-ink: #8a1f26;
  --postmark:  #2f4a42;
  --rule:      #b5a074;
  --perf:      #cab684;

  --font-display: 'Fraunces', 'Iowan Old Style', 'Apple Garamond', Georgia, serif;
  --font-body:    'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-mono:    'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;
  --font-persian: 'Vazirmatn', 'Fraunces', serif;

  --max: 1180px;
  --gutter: 40px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  font-variation-settings: "opsz" 14, "wght" 420;
  background: var(--paper);
  color: var(--ink);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;

  background-image:
    radial-gradient(circle at 20% 0%, rgba(195,46,56,0.04), transparent 40%),
    radial-gradient(circle at 100% 100%, rgba(47,74,66,0.05), transparent 50%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08  0 0 0 0 0.07  0 0 0 0 0.06  0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  background-attachment: fixed, fixed, fixed;
}

[dir="rtl"] body { font-family: var(--font-persian); }

::selection { background: var(--stamp); color: var(--paper); }

a { color: var(--stamp-ink); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; transition: color .18s, background .18s; }
a:hover { color: var(--paper); background: var(--stamp); text-decoration-color: transparent; }