/* ============================================================
   Siqlo — base element defaults & helpers.
   Kept minimal: applies brand type + dark canvas defaults.
   ============================================================ */

body {
  background: var(--bg-base);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Brand display type */
.siqlo-display {
  font-family: var(--font-display);
  font-weight: var(--fw-heavy);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
}

/* Uppercase eyebrow / section label */
.siqlo-eyebrow {
  font-family: var(--font-sans);
  font-weight: var(--fw-semibold);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--text-gold);
}

/* Gold text accent (use sparingly on dark) */
.siqlo-gold-text {
  background: var(--grad-gold);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Links */
a {
  color: var(--gold-300);
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-standard);
}
a:hover {
  color: var(--gold-200);
}

::selection {
  background: rgba(195, 154, 74, 0.30);
  color: var(--white);
}

* { box-sizing: border-box; }