/* Rally accent override for the Modernist system.
   Structure, type, radius-0 and 2px rules stay exactly as Modernist specifies.
   Only the accent roles are re-pointed to the Rally brand:
     accent   = Rally blue/navy  (primary actions, ink emphasis)
     accent-2 = Rally gold       (small emphasis + the poster statement field)
   Ramps generated on the same perceptual lightness steps as the originals. */
:root {
  --color-bg: #f3f2f2;
  --color-surface: #e8e8e9;
  --color-text: #1b2027;
  --color-accent: #143D7B;
  --color-accent-2: #D8A432;
  --color-divider: color-mix(in srgb, #1b2027 40%, transparent);

  --color-accent-100: #eef2f8;
  --color-accent-200: #d3ddef;
  --color-accent-300: #a9bdd9;
  --color-accent-400: #6d8cbc;
  --color-accent-500: #2b5490;
  --color-accent-600: #0A305E;
  --color-accent-700: #07213F;
  --color-accent-800: #05182e;
  --color-accent-900: #030f1d;

  --color-accent-2-100: #fdf6e6;
  --color-accent-2-200: #f8e8bf;
  --color-accent-2-300: #f0d493;
  --color-accent-2-400: #e5bd5e;
  --color-accent-2-500: #D8A432;
  --color-accent-2-600: #B8862A;
  --color-accent-2-700: #8f6720;
  --color-accent-2-800: #664918;
  --color-accent-2-900: #3f2d0f;

  --color-neutral-100: #f7f6f6;
  --color-neutral-200: #e9e8e8;
  --color-neutral-300: #d5d4d4;
  --color-neutral-400: #b7b6b7;
  --color-neutral-500: #98979a;
  --color-neutral-600: #7a7a7d;
  --color-neutral-700: #5d5d61;
  --color-neutral-800: #414246;
  --color-neutral-900: #2b2c30;
}

/* Placeholder fill for photography the client still has to supply.
   Flat — no gradients — so it composites cheaply and reads as a hole, not a texture. */
.ph {
  background: var(--color-neutral-300);
  display: flex; align-items: center; justify-content: center;
  padding: var(--space-6);
}
.ph-dark { background: var(--color-accent-800); }
.ph-label {
  font-size: 11px; line-height: 1.9; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--color-neutral-700); border: 2px solid var(--color-neutral-400);
  padding: var(--space-4); max-width: 30ch;
}
.ph-dark .ph-label { color: var(--color-accent-300); border-color: color-mix(in srgb, #fff 24%, transparent); }

/* A "you still owe us this asset" note. Deliberately unglamorous. */
.slot {
  font-size: 11px; line-height: 1.8; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--color-accent-2-700); border-left: 2px solid var(--color-accent-2);
  padding-left: var(--space-3);
}
.src { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-neutral-700); }

.stat-num { font-family: var(--font-heading); font-weight: 800; line-height: 0.92; letter-spacing: -0.04em; }