/* MASRRA UI type roles; fonts are self-hosted in thmanyah-fonts.css. */
:root {
  --font-editorial: "Thmanyah Serif Text", serif;
  --type-heading: #fffcf5;
  --type-text: #fffcf5;
  --type-muted: #c1b7ca;
}
html[data-theme="warm-luxury"],
html[data-theme$="-light"] {
  --type-heading: #35233f;
  --type-text: #403347;
  --type-muted: #736779;
}
/* Route themes retain their backgrounds, actions, status colours and branding. */
html:root {
  --foreground: var(--type-text);
  --card-foreground: var(--type-text);
  --popover-foreground: var(--type-text);
  --muted-foreground: var(--type-muted);
  --muted-text: var(--type-muted);
  --dms-text-strong: var(--type-heading);
  --dms-text-primary: var(--type-text);
  --dms-text-secondary: var(--type-muted);
}

.type-hero,
.type-section,
.type-editorial,
.type-page {
  letter-spacing: 0;
  font-kerning: normal;
  font-feature-settings:
    "rlig" 1,
    "calt" 1,
    "liga" 1;
  text-wrap: balance;
  color: var(--type-heading);
}
.type-hero {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(25px, 7vw, 36px);
  line-height: 1.4;
}
.type-section {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(32px, 5vw, 48px);
  line-height: 1.5;
}
.type-discovery {
  font-size: clamp(26px, 7vw, 36px);
  line-height: 1.4;
}
.type-editorial {
  font-family: var(--font-editorial);
  font-weight: 400;
  font-size: 36px;
  line-height: 1.5;
}
.type-page {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 5vw, 40px);
  line-height: 1.45;
}
.type-product {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0;
}
.type-description {
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.9;
  letter-spacing: 0;
}
.type-body {
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: 0;
}
.type-selected {
  font-family: var(--font-ui);
  font-weight: 600;
  letter-spacing: 0;
}
.masrra-gallery-chip[aria-pressed="true"] {
  font-weight: 600;
  letter-spacing: 0;
}
@media (min-width: 750px) {
  .type-hero {
    font-size: 46px;
  }
  .type-discovery {
    font-size: 40px;
  }
}
@media (min-width: 900px) {
  .type-editorial {
    font-size: 52px;
  }
  .type-product {
    font-size: 24px;
  }
  .type-description {
    font-size: 14px;
  }
  .type-body {
    font-size: 16px;
  }
}

/* Success remains identifiable by its label/icon, with a brand lavender tone. */
html:root {
  --success: var(--primary);
  --success-foreground: var(--primary-foreground);
}

/* Quiet section hierarchy inspired by the inspected Tamm store page. */
.type-section { font-family: var(--font-ui); font-size: 30px; font-weight: 500; line-height: 1.5; }
@media (min-width: 768px) { .type-section { font-size:36px; font-weight:700; } }