.template-root[data-brand="gables-courier"] {
  --brand-tokens-brand-50: #fbf2ef;
  --brand-tokens-brand-100: #f6e5df;
  --brand-tokens-brand-200: #edccbf;
  --brand-tokens-brand-300: #dd977e;
  --brand-tokens-brand-400: #ce623b;
  --brand-tokens-brand-500: #bd542e;
  --brand-tokens-brand-600: #ae4c29;
  --brand-tokens-brand-700: #72331d;
  --brand-tokens-brand-800: #592918;
  --brand-tokens-brand-900: #401e12;
  --brand-tokens-brand-950: #27130c;

  --brand-tokens-greyscale-10: #f8f6f1;
  --brand-tokens-greyscale-50: #f4f1eb;
  --brand-tokens-greyscale-100: #ebe7e0;
  --brand-tokens-greyscale-200: #ddd8d0;
  --brand-tokens-greyscale-300: #bcb5a9;
  --brand-tokens-greyscale-400: #9b9282;
  --brand-tokens-greyscale-500: #6c6456;
  --brand-tokens-greyscale-600: #564f43;
  --brand-tokens-greyscale-700: #423d33;
  --brand-tokens-greyscale-800: #2f2a23;
  --brand-tokens-greyscale-900: #201d18;
  --brand-tokens-greyscale-950: #15130f;
  --brand-tokens-greyscale-1000: #0c0b08;
  --brand-tokens-typography-body: "Host Grotesk";
  --brand-tokens-typography-labels: "Host Grotesk";
  --brand-tokens-typography-titles-a: "Lora";
  --brand-tokens-typography-titles-b: "Lora";

  --tint-light: #f2e9dd;
}

.template-root[data-brand="gables-courier"] .block-section-title {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.template-root[data-brand="gables-courier"] .block-container--bg-default .card-section-label {
  color: var(--brand-tokens-brand-600);
}

.template-root[data-brand="gables-courier"] {
  --interactive-text-primary-idle: var(--brand-tokens-brand-700);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-700);
  --interactive-text-primary-hover: var(--brand-tokens-brand-800);
}

.template-root[data-brand="gables-courier"] .block-container--bg-default .block-section-title--v1 {
  border-bottom-style: dashed;
  border-bottom-color: var(--brand-tokens-brand-600);
}

.template-root[data-brand="gables-courier"] .block-container--bg-brand .block-section-title--v1 {
  border-bottom-style: dashed;
  border-bottom-color: var(--brand-tokens-brand-200);
}

.template-root[data-brand="gables-courier"] .block-container--bg-inverted {
  --text-inverted-4: var(--brand-tokens-brand-300);
  --interactive-text-primary-idle: var(--brand-tokens-brand-300);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-300);
  --interactive-text-primary-hover: var(--brand-tokens-brand-200);
}

.template-root[data-brand="gables-courier"] .block-container--bg-brand {
  --text-inverted-4: var(--brand-tokens-brand-200);
  --interactive-text-primary-idle: var(--brand-tokens-brand-200);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-200);
  --interactive-text-primary-hover: var(--brand-tokens-brand-100);
}

.template-root[data-brand="gables-courier"] .block-container--bg-default:has(.block-header) {
  background-image:
    radial-gradient(
      70% 120% at 86% -10%,
      color-mix(in srgb, var(--brand-tokens-greyscale-10) 24%, transparent) 0%,
      transparent 60%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--brand-tokens-brand-300) 12%, transparent) 0%,
      color-mix(in srgb, var(--brand-tokens-brand-300) 6%, transparent) 74%,
      transparent 100%
    );
}

.template-root[data-brand="gables-courier"] .block-container--bg-inverted:has(.block-menubar) {
  background-image: linear-gradient(
    180deg,
    color-mix(in srgb, var(--brand-tokens-brand-600) 35%, transparent) 0%,
    color-mix(in srgb, var(--brand-tokens-brand-600) 12%, transparent) 100%
  );
}

.template-root[data-brand="gables-courier"] .block-container--bg-brand {
  background-image: radial-gradient(
    120% 90% at 50% 118%,
    color-mix(in srgb, var(--brand-tokens-brand-900) 22%, transparent) 0%,
    transparent 64%
  );
}