/* Archer Racing Club — shared vintage theme tokens */
:root {
  --paper:   #e9ddc0;  /* aged cream paper */
  --paper-2: #f3ead2;  /* lighter paper highlight */
  --paper-3: #d8c9a4;  /* darker paper shade */
  --olive:   #6b6b45;  /* frame green */
  --olive-2: #5c5c3a;  /* deeper frame green */
  --olive-3: #7d7d54;  /* lifted frame green */
  --gold:    #c9a648;  /* bright gold line */
  --gold-2:  #a8862e;  /* deep gold */
  --gold-3:  #e3c87a;  /* gold highlight */
  --ink:     #2e2a1f;  /* warm near-black text */
  --ink-2:   #4a4334;  /* softer ink */
  --edge:    #2b2417;  /* dark card outer edge */
  --red:     #8c3b2e;  /* muted race red */
  --blue:    #2e5f8c;  /* saddle-cloth blue */
  --green-ok:#4a6b3a;

  --serif: 'Georgia', 'Times New Roman', serif;
  --card-radius: 18px;
}

/* Coat tints for horse art variety (applied to <img> of the painting) */
.tint-0 { }
.tint-1 { filter: hue-rotate(-12deg) saturate(1.12) brightness(0.97); }
.tint-2 { filter: hue-rotate(10deg)  saturate(0.82) brightness(1.04); }
.tint-3 { filter: sepia(0.35) saturate(1.15) brightness(0.95); }
.tint-4 { filter: grayscale(0.55) brightness(0.92) contrast(1.05); }
.tint-5 { filter: hue-rotate(-20deg) saturate(0.7) brightness(1.06) contrast(0.96); }

/* Subtle paper grain via layered gradients (no image asset needed) */
.paper-bg {
  background-color: var(--paper);
  background-image:
    radial-gradient(ellipse at 20% 10%, rgba(255,255,255,0.25), transparent 55%),
    radial-gradient(ellipse at 80% 90%, rgba(91,76,43,0.12), transparent 60%),
    repeating-linear-gradient(2deg, transparent 0 3px, rgba(120,100,60,0.022) 3px 4px),
    repeating-linear-gradient(92deg, transparent 0 2px, rgba(60,50,30,0.018) 2px 3px);
}

/* Classic gold double border used on cards and panels */
.gold-frame {
  border: 2px solid var(--gold-2);
  outline: 1px solid var(--edge);
  box-shadow:
    inset 0 0 0 1px var(--gold-3),
    inset 0 0 0 4px transparent,
    0 6px 18px rgba(30,24,12,0.35);
  border-radius: var(--card-radius);
}

.smallcaps {
  font-family: var(--serif);
  font-variant: small-caps;
  letter-spacing: 0.06em;
}