/* ================================
   AJIROTYPE — Base / Typography
   Optimized font rendering + global text color
   ================================ */

/* Load font correctly */
@font-face {
  font-family: 'Ajirotype';
  src: url('Ajirotype.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Predictable sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Root text color control */
html {
  -webkit-text-size-adjust: 100%;
  color: #b3b3b3;
}

/* Core page defaults */
body {
  margin: 0;
  font-family: 'Ajirotype', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #fcfcfc;
  text-align: center;
  line-height: 1.35;

  /* Sharp geometric font rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

/* Force ALL typography to inherit the gray */
body,
h1, h2, h3, h4, h5, h6,
p, span, small,
strong, b,
a, li, label,
input, textarea, button {
  color: inherit;
  font-family: inherit;
  font-weight: 400;
}

/* Optional — cleaner geometric look */
h1, h2, h3 {
  letter-spacing: 0.03em;
}

/* Remove default blue links */
a {
  text-decoration: none;
  color: inherit;
}

/* Mobile safe-area compensation */
@supports (-webkit-touch-callout: none) {
  body { padding-bottom: env(safe-area-inset-bottom, 20px); }
}