/* Claditor logo treatments — all use Sora from inou's font stack */

:root {
  --claditor-amber: #B45309;
  --claditor-dark: #1A1A1A;
  --claditor-light: #F8F7F6;
}

/* 1. Default — confident, tight, bold */
.claditor-logo {
  font-family: 'Sora', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--claditor-amber);
}

/* 2. Editorial — airy, spaced, light */
.claditor-logo.editorial {
  font-weight: 300;
  letter-spacing: 0.08em;
  text-transform: lowercase;
  color: var(--claditor-dark);
}

/* 3. Heavy impact — extra bold, letter-spaced */
.claditor-logo.heavy {
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--claditor-dark);
}

/* 4. Inverted — white on dark */
.claditor-logo.inverted {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: white;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* 5. Gradient sweep */
.claditor-logo.gradient {
  font-weight: 700;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg, var(--claditor-amber), #FF8D46);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* 6. Weight-shifted — letters get heavier toward the end */
.claditor-logo.shifted {
  font-weight: 400;
  letter-spacing: -0.02em;
}
.claditor-logo.shifted span:last-child { font-weight: 800; }

/* 7. Small-caps with bold first letter */
.claditor-logo.smallcaps {
  font-variant: small-caps;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: lowercase;
}
.claditor-logo.smallcaps::first-letter {
  font-weight: 800;
  font-variant: normal;
}

/* 8. Minimal — light, tight, subtle */
.claditor-logo.minimal {
  font-weight: 300;
  letter-spacing: -0.04em;
  opacity: 0.85;
  color: var(--claditor-dark);
}

/* 9. Hover lift (for links/buttons) */
.claditor-logo.interactive {
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--claditor-amber);
  transition: transform 0.15s ease, color 0.15s ease;
  display: inline-block;
}
.claditor-logo.interactive:hover {
  transform: translateY(-1px);
  color: #9A4507;
}