/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('../fonts/geist-cyrillic-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('../fonts/geist-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('../fonts/geist-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
  --font-sans: 'Geist Variable', sans-serif;
  --background: oklch(1 0 0);
  --foreground: oklch(0.09 0.005 285);
  --t-accent: #f97316;
  --t-accent-hover: #ea580c;
  --t-accent-fg: #ffffff;
  --t-text-2: #52525b;
  --t-text-3: #71717a;
  --t-text-4: #a1a1aa;
  --t-border: #e4e4e7;
  --t-surface: #f4f4f5;
  --theme-color: var(--t-accent);
  --border-color: var(--t-border);
  --hover-color: var(--t-surface);
}
html.dark {
  --background: oklch(0.21 0.006 285);
  --foreground: oklch(0.922 0.004 285);
  --t-accent: #fb923c;
  --t-accent-hover: #f97316;
  --t-accent-fg: #ffffff;
  --t-text-2: #a1a1aa;
  --t-text-3: #71717a;
  --t-text-4: #52525b;
  --t-border: #3f3f46;
  --t-surface: #27272a;
}
.t-accent {
  color: var(--t-accent);
}
.t-bg-accent {
  background-color: var(--t-accent);
  color: var(--t-accent-fg);
}
.t-ring-accent {
  border-color: var(--t-accent);
}
.t-link {
  color: var(--t-accent);
  transition: color 0.2s;
}
.t-link:hover {
  color: var(--t-accent-hover);
}
.t-text-2 {
  color: var(--t-text-2);
}
.t-text-3 {
  color: var(--t-text-3);
}
.t-text-4 {
  color: var(--t-text-4);
}
.t-border {
  border-color: var(--t-border);
}
.t-post-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: start;
}
@media (min-width: 640px) {
  .t-post-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.t-post-grid > * {
  break-inside: avoid;
}