/* ============================================================
   TEXT.CSS — Typography
   ============================================================ */


/* App name */
.name-text {
    /* font-family: var(--font-heading); */
    font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 1.5rem;
    text-decoration: none;
}

.inter-light {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
    font-size: 1.5rem;
}

/* Search bar input */
.search-text {
    font-family: var(--font-heading);
    font-size: 1rem;
}

/* Category filter button labels */
.filter-text {
    font-family: var(--font-heading);
    font-size: 1rem;
}

/* Article card title */
.title-text {
    font-family: var(--font-heading);
    font-size: 2rem;
}

/* Source and date beneath article title */
.info-text {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 1rem;
    text-transform: uppercase;
}

/* AI summary body text */
.summary-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    color: var(--text-gray);
}

/* Card action buttons */
.button-text {
    font-family: var(--font-heading);
    font-size: 1rem;
}


/* Desktop overrides (>= 600px) */

@media (min-width: 600px) {
    .search-text  { font-size: 1rem; }
    .filter-text  { font-size: 1rem; }
    .title-text   { font-size: 1.5rem; }
    .info-text    { font-size: 0.6rem; }
    .summary-text { font-size: 1rem; }
    .button-text  { font-size: 0.75rem; }
}