/* Ashley Tomblin — brand tokens
   ashleytomblin.info/brand · drop this into any project and go. */

:root {
  /* Neutrals */
  --at-cream: #faf8f6;   /* the ground — every page starts here */
  --at-ink:   #1a1410;   /* the voice — headlines, body, the wordmark */
  --at-muted: #6f675d;   /* the aside — captions, metadata, quiet lines */
  --at-line:  rgba(26, 20, 16, 0.12); /* hairlines and borders */

  /* The iris — Refract's four facets (rose, amber, leaf, sky), refracted
     through darker glass. Same hands, different light. An accent, never a flood. */
  --at-iris: linear-gradient(115deg,
    #8f3a52 0%, #8a6a37 34%, #4f6f3e 66%, #2d5377 100%);
  --at-iris-soft: linear-gradient(125deg,
    #9a4a62 0%, #9a7a4e 34%, #5f7e4c 66%, #3d6287 100%);

  /* Type */
  --at-font-display: "Fraunces", Georgia, serif; /* 600 for the mark, 900 for headlines */
  --at-font-body: "Inter", system-ui, sans-serif; /* 400 / 500 / 600 */
}

/* The iris is worn, not painted: clip it into text or run it as a thin bar. */
.at-iris-text {
  background: var(--at-iris);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.at-iris-bar { height: 10px; background: var(--at-iris); }

/* The turn: the italic line that flips the thought. It NEVER runs inline
   after roman type; it always opens its own line. */
.at-turn {
  display: block;
  margin-top: 0.18em;
  font-family: var(--at-font-display);
  font-style: italic;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.22;
  background: var(--at-iris);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}