.template-root[data-brand="amelia-island-signal"] {
  --brand-tokens-brand-50: #f5f2ea;
  --brand-tokens-brand-100: #e8e2d5;
  --brand-tokens-brand-200: #cfc6b3;
  --brand-tokens-brand-300: #b0a48c;
  --brand-tokens-brand-400: #8d8069;
  --brand-tokens-brand-500: #746753;
  --brand-tokens-brand-600: #5f5545;
  --brand-tokens-brand-700: #494134;
  --brand-tokens-brand-800: #332e25;
  --brand-tokens-brand-900: #221f19;
  --brand-tokens-brand-950: #14120f;
  --brand-tokens-greyscale-10: #fdfbf4;
  --brand-tokens-greyscale-50: #f7f4ea;
  --brand-tokens-greyscale-100: #ede9db;
  --brand-tokens-greyscale-200: #dad4c2;
  --brand-tokens-greyscale-300: #b6ae99;
  --brand-tokens-greyscale-400: #8d8570;
  --brand-tokens-greyscale-500: #5f594a;
  --brand-tokens-greyscale-600: #4e493c;
  --brand-tokens-greyscale-700: #3b372d;
  --brand-tokens-greyscale-800: #292620;
  --brand-tokens-greyscale-900: #1e1c17;
  --brand-tokens-greyscale-950: #141310;
  --brand-tokens-greyscale-1000: #0a0908;
  --brand-tokens-typography-body: "Source Serif 4";
  --brand-tokens-typography-labels: "DM Mono";
  --brand-tokens-typography-titles-a: "Bitter";
  --brand-tokens-typography-titles-b: "Bitter";
  --tint-light: #f6f1e4; /* coquina, one step warmer than the page */
  --accent-gold: #7a5d0f; /* Victorian gold for type - 6.0:1 on the page, 5.5:1 on the tint */
  --accent-gold-bright: #c99a1f; /* the same gold for rules, where 3:1 is the bar */
  --accent-gold-line: #ddd0ab; /* gold-cast hairline, replaces the grey rule */
}

/* Link colour per painted surface — Container.css remaps the text tokens on a
   painted band but not the interactive ones. */
.template-root[data-brand="amelia-island-signal"] .block-container--bg-default,
.template-root[data-brand="amelia-island-signal"] .block-container--bg-tint {
  --interactive-text-primary-idle: var(--brand-tokens-brand-600);
  --interactive-text-primary-hover: var(--brand-tokens-brand-700);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-600);
  --text-default-4: var(--brand-tokens-brand-600);
  /* Section-title bars and squares carry a label, so the fill obeys 4.5:1. */
  --elevation-fill-default-4: var(--brand-tokens-brand-700);
}
.template-root[data-brand="amelia-island-signal"] .block-container--bg-brand {
  --interactive-text-primary-idle: var(--brand-tokens-brand-100);
  --interactive-text-primary-hover: var(--brand-tokens-brand-50);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-200);
}
.template-root[data-brand="amelia-island-signal"] .block-container--bg-inverted {
  --interactive-text-primary-idle: var(--brand-tokens-brand-300);
  --interactive-text-primary-hover: var(--brand-tokens-brand-200);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-100);
  --text-default-4: var(--brand-tokens-brand-300);
}
.template-root[data-brand="amelia-island-signal"] {
  /* fleet default hover fill (brand-400) is too light for a white label */
  --interactive-contained-primary-hover: var(--brand-tokens-brand-700);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-800);
}
.template-root[data-brand="amelia-island-signal"] .block-container--bg-brand,
.template-root[data-brand="amelia-island-signal"] .block-container--bg-inverted {
  --interactive-contained-primary-idle: var(--brand-tokens-greyscale-10);
  --interactive-contained-primary-hover: var(--brand-tokens-greyscale-100);
  --interactive-contained-primary-pressed: var(--brand-tokens-greyscale-200);
  --interactive-contained-primary-on-idle: var(--brand-tokens-brand-900);
}
/* Painted containers otherwise render typed input text on the field's light fill. */
.template-root[data-brand="amelia-island-signal"] .block-container--bg-brand .block-cta__input,
.template-root[data-brand="amelia-island-signal"] .block-container--bg-inverted .block-cta__input {
  color: var(--brand-tokens-greyscale-900);
}

/* Depth moves the surface away from the type's luminance: light type on a dark
   band means darkening from below. */
.template-root[data-brand="amelia-island-signal"] .block-container--bg-brand {
  background-image: radial-gradient(
    132% 80% at 50% 126%,
    color-mix(in srgb, var(--brand-tokens-brand-950) 24%, transparent) 0%,
    transparent 74%
  );
}
.template-root[data-brand="amelia-island-signal"] .block-container--bg-inverted {
  background-image: radial-gradient(
    132% 76% at 50% 124%,
    color-mix(in srgb, var(--brand-tokens-greyscale-1000) 26%, transparent) 0%,
    transparent 72%
  );
}

/* Header wash: a faint tannin cast, the weight a Victorian broadsheet can carry. */
.template-root[data-brand="amelia-island-signal"] .block-container--bg-default:has(.block-header) {
  background-image: linear-gradient(
    180deg,
    color-mix(in srgb, var(--brand-tokens-brand-400) 20%, transparent) 0%,
    color-mix(in srgb, var(--accent-gold-bright) 10%, transparent) 62%,
    transparent 100%
  );
}
/* Gold hairlines everywhere a rule falls — the repeated mark of this outlet. */
.template-root[data-brand="amelia-island-signal"] .block-container--bg-default,
.template-root[data-brand="amelia-island-signal"] .block-container--bg-tint {
  --elevation-outline-default-1: var(--accent-gold-line);
}
.template-root[data-brand="amelia-island-signal"] .block-container--bg-default .block-section-title__line,
.template-root[data-brand="amelia-island-signal"] .block-container--bg-tint .block-section-title__line {
  border-top-color: var(--accent-gold-bright);
}
.template-root[data-brand="amelia-island-signal"] .block-container--bg-default .block-section-title--v1,
.template-root[data-brand="amelia-island-signal"] .block-container--bg-tint .block-section-title--v1 {
  border-bottom-color: var(--accent-gold-bright);
}
.template-root[data-brand="amelia-island-signal"] .block-container--bg-default .card-section-label,
.template-root[data-brand="amelia-island-signal"] .block-container--bg-tint .card-section-label {
  color: var(--accent-gold);
  letter-spacing: 0.12em;
}
.template-root[data-brand="amelia-island-signal"] .block-section-title {
  letter-spacing: 0.04em;
}

/* The article page's own kicker element, so the outlet's kicker colour is the
   same on a card and above a headline. */
.template-root[data-brand="amelia-island-signal"] .block-container--bg-default .article-kicker,
.template-root[data-brand="amelia-island-signal"] .block-container--bg-tint .article-kicker {
  color: var(--accent-gold);
}

/* Overlay forms set type on a photo, so the recoloured kicker/meta above would
   land on the scrim. These keep the fleet's light overlay ramp. */
.template-root[data-brand="amelia-island-signal"] .block-hero__overlay-kicker.card-section-label,
.template-root[data-brand="amelia-island-signal"] .block-feature-card__overlay-kicker.card-section-label,
.template-root[data-brand="amelia-island-signal"] .block-article-hero__overlay-kicker {
  color: var(--brand-tokens-greyscale-10);
}
.template-root[data-brand="amelia-island-signal"] .block-hero__overlay-meta.card-meta,
.template-root[data-brand="amelia-island-signal"] .block-feature-card__meta--overlay.card-meta,
.template-root[data-brand="amelia-island-signal"] .block-article-hero__overlay-meta {
  color: var(--brand-tokens-greyscale-200);
}