/* There's More — 2026 redesign palette.
   Sampled from TM_HomepageUI_01. Overrides the design-system tokens
   so every page picks the new colours up from one file. */
:root {
  /* Neutrals: warmer, deeper near-black than the old #3C3C3B */
  --color-ink: #212120;
  --color-ink-deep: #141413;
  --color-ink-soft: #3A3A38;
  --color-black-page: #000000;
  --color-stone: #6F6B66;

  /* Primary accent */
  --color-red: #F23C0E;
  --color-red-deep: #C9280B;
  --color-red-soft: #F5764B;

  /* Hero warmth */
  --color-amber: #F5A013;
  --color-amber-deep: #E0780F;

  /* Primaries and secondaries from the 2016 Visual Identity Standards */
  --color-gold: #BFA249;
  --color-gold-deep: #A88C3B;
  --color-lavender: #D0BDD0;
  --color-lavender-deep: #B9A2BA;
  --color-tan: #D2C2A8;

  /* New support accents from the redesign */
  --color-lime: #C9F26D;
  --color-lime-deep: #A9D845;
  --color-lilac: #E4DAE6;
  --color-lilac-deep: #CFC0D3;

  /* Surfaces */
  --color-sand: #D8CDBB;
  --color-sand-deep: #A79C8B;
  --color-sand-light: #E9E0D2;
  --color-cream: #E9E0D2;
  --color-paper: #F5F2EC;

  --surface-raised: var(--color-sand-light);
  --surface-sunken: var(--color-sand-light);
  --surface-inverse: var(--color-ink);
  --surface-inverse-deep: var(--color-black-page);
  --surface-accent-quiet: rgba(242, 60, 14, .10);

  /* Lines, veils */
  --border-hairline: rgba(33, 33, 32, .14);
  --border-soft: rgba(33, 33, 32, .22);
  --border-strong: rgba(33, 33, 32, .42);
  --border-inverse: rgba(233, 224, 210, .24);
  --veil-ink: rgba(20, 20, 19, .64);
  --veil-ink-soft: rgba(20, 20, 19, .30);
  --scrim-bottom: linear-gradient(to top, rgba(11, 11, 10, .82) 0%, rgba(11, 11, 10, .36) 46%, rgba(11, 11, 10, 0) 100%);

  --status-success: #6E7A3F;
  --status-danger: var(--color-red-deep);

  /* Composite backgrounds used by the redesign */
  --gradient-hero: linear-gradient(152deg, #F5A013 0%, #F58019 22%, #F05B22 44%, #E23A16 68%, #C22009 100%);
  --gradient-dark-room: radial-gradient(120% 110% at 68% 58%, #4B4B48 0%, #33322F 42%, #232322 78%, #1B1B1A 100%);
  --gradient-connect:
    radial-gradient(90% 80% at 100% 100%, #A61F01 0%, rgba(166, 31, 1, 0) 62%),
    radial-gradient(80% 70% at 88% 62%, #E48366 0%, rgba(228, 131, 102, 0) 68%),
    radial-gradient(70% 60% at 96% 6%, #D0C9AB 0%, rgba(208, 201, 171, 0) 70%),
    radial-gradient(90% 90% at 4% 96%, #8D7E89 0%, rgba(141, 126, 137, 0) 72%),
    linear-gradient(150deg, #CEB9BA 0%, #D1BED1 38%, #C79A9C 62%, #B4483A 100%);

  /* Interior page banners — same soft-radial family as --gradient-connect,
     each built from one pair of palette colors. */
  --gradient-ember:
    radial-gradient(85% 75% at 6% 8%, #F5A013 0%, rgba(245, 160, 19, 0) 64%),
    radial-gradient(80% 80% at 96% 92%, #A61F01 0%, rgba(166, 31, 1, 0) 66%),
    linear-gradient(146deg, #EE6A28 0%, #E23A16 46%, #C22009 100%);

  --gradient-dusk:
    radial-gradient(80% 70% at 94% 8%, #D8C79A 0%, rgba(216, 199, 154, 0) 66%),
    radial-gradient(90% 85% at 8% 96%, #8D7E89 0%, rgba(141, 126, 137, 0) 70%),
    linear-gradient(150deg, #BFA249 0%, #A88C3B 40%, #9C4A2C 74%, #8E2E13 100%);

  --gradient-lilac:
    radial-gradient(80% 70% at 96% 10%, #E7DED0 0%, rgba(231, 222, 208, 0) 68%),
    radial-gradient(85% 80% at 8% 94%, #C79A9C 0%, rgba(199, 154, 156, 0) 70%),
    linear-gradient(148deg, #E0D2E0 0%, #D0BDD0 44%, #B9A2BA 100%);

  --gradient-meadow:
    radial-gradient(80% 70% at 94% 10%, #F0F9CF 0%, rgba(240, 249, 207, 0) 66%),
    radial-gradient(85% 80% at 6% 96%, #BFA249 0%, rgba(191, 162, 73, 0) 72%),
    linear-gradient(148deg, #D8F79B 0%, #C9F26D 46%, #AEDC5A 100%);

  --gradient-ink:
    radial-gradient(90% 80% at 88% 6%, #4E4D49 0%, rgba(78, 77, 73, 0) 66%),
    radial-gradient(85% 80% at 6% 96%, #2E2D2B 0%, rgba(46, 45, 43, 0) 70%),
    linear-gradient(152deg, #3A3937 0%, #262625 46%, #171716 100%);
}