/* Reconstructed Crack UPSC token layer.
   The original design system (crack-upsc-design-system-134781bd) is not
   accessible from this project, so these values are inferred from the literal
   rgba()/hex usage inside Homepage Flat Live v4.dc.html. Replace this file with
   the real colors_and_type.css when the design system is re-attached. */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+Devanagari:wght@400;500;600;700;800&display=swap');

:root {
  /* Devanagari sits after the Latin faces in every stack: Latin glyphs keep
     coming from Archivo/Inter, Hindi copy falls through to Noto. */
  --font-body: 'Inter', 'Noto Sans Devanagari', system-ui, sans-serif;
  --font-display: 'Archivo', 'Inter', 'Noto Sans Devanagari', system-ui, sans-serif;
  --font-condensed: 'Barlow Condensed', 'Archivo', 'Noto Sans Devanagari', system-ui, sans-serif;

  /* surfaces */
  --upsc-black: #0A0A0C;
  --upsc-ink: #101014;
  --upsc-ink-2: #16161B;
  --upsc-ink-3: #1D1D23;
  --upsc-blue-night: #131A2B;
  --upsc-hairline: rgba(255, 255, 255, 0.09);

  /* accents */
  --upsc-coral: #FF4D6D;
  --upsc-gold: #D8A860;

  /* text ladder */
  --fg-1: #F5F5F7;
  --fg-2: #B9BAC1;
  --fg-3: #85868F;
  --fg-4: #5C5D65;
  --fg-on-light: #1A1206;

  /* status */
  --ok: #3ECF8E;
  --err: #FF4D6D;

  /* radii */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;

  /* elevation */
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-pop: 0 14px 40px rgba(0, 0, 0, 0.55);
  --shadow-tile: 0 6px 16px rgba(0, 0, 0, 0.4);

  /* subject tiles */
  --tile-sand: #E4C9A0;
  --tile-terracotta: #DFA184;
  --tile-mist: #C6D2DE;
  --tile-parchment: #E8DCC4;
  --tile-sage: #BFD1BC;
  --tile-cream: #EFE6D6;
}

.upsc-wordmark {
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--fg-1);
}