/* Robin of Loxley: brand tokens.
   One file every app in the family can import so the colours, type and
   radii match. Change the brand here, not in each app. See brand/BRAND.md. */

/* Fonts are self-hosted (brand/fonts/, SIL Open Font License, Latin subset):
   no request to Google, so no visitor IP leaves the site for a font. */
@font-face {
  font-family: 'Gloock';
  src: url('/static/rol/fonts/gloock-latin.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('/static/rol/fonts/hanken-grotesk-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}

:root {
  /* Greens: Lincoln green, the cloth of Robin's hood and cap. */
  --rol-sherwood: #10261A;     /* darkest: hero bands, dark surfaces */
  --rol-lincoln: #1F4D35;      /* primary: buttons, links, the arrow */
  --rol-lincoln-2: #2E6A4A;    /* hover */
  --rol-moss: #DCE7D8;         /* tint: quiet fills, tags */

  /* Scarlet: the feather in Robin's cap, and Will Scarlet. The accent, used sparingly:
     what they charge, the fletching, alerts. */
  --rol-scarlet: #C0392B;
  --rol-scarlet-soft: #F6DAD5;

  /* Gold: the centre of the target ("the gold") and the golden arrow Robin won at
     Nottingham. Decoration and emphasis on dark; never body text on light. */
  --rol-gold: #D4A23C;
  --rol-gold-deep: #A87A1E;

  /* The kit: straw for the archery butt, yew for the longbow and the stand. */
  --rol-straw: #E9D7A6;
  --rol-yew: #6B4A2B;

  /* Neutrals: warm, never grey. */
  --rol-parchment: #F5EFE1;    /* page */
  --rol-linen: #FCF9F2;        /* cards */
  --rol-ink: #17201A;          /* text */
  --rol-ink-soft: #4A554D;
  --rol-ink-faint: #636C65;
  --rol-line: rgba(23, 32, 26, 0.12);
  --rol-line-strong: rgba(23, 32, 26, 0.24);

  /* Type */
  --rol-font-display: 'Gloock', Georgia, 'Times New Roman', serif;
  --rol-font-body: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;

  /* Shape: woodcut. Square-ish corners, heavy ink rules, an offset ink shadow on
     the one important surface per page. Round shapes are kept for the target itself. */
  --rol-radius: 4px;           /* buttons, chips, inputs */
  --rol-radius-lg: 6px;        /* cards */
  --rol-radius-pill: 999px;    /* number discs and dots only */
  --rol-rule: 2px solid var(--rol-ink);
  --rol-shadow: 8px 8px 0 var(--rol-ink);
  --rol-band: #17201A;         /* the header band */
}

@media (prefers-color-scheme: dark) {
  :root {
    --rol-sherwood: #0B1A12;
    --rol-lincoln: #86BD98;
    --rol-lincoln-2: #A6D3B3;
    --rol-moss: #1E3226;
    --rol-scarlet: #EE7A64;
    --rol-scarlet-soft: #3A1F1A;
    --rol-gold: #E2B658;
    --rol-gold-deep: #C4953A;
    --rol-straw: #3A3322;
    --rol-yew: #A77B4F;
    --rol-parchment: #0F1813;
    --rol-linen: #16221B;
    --rol-ink: #EEE8D9;
    --rol-ink-soft: #B4BCB2;
    --rol-ink-faint: #858E86;
    --rol-line: rgba(238, 232, 217, 0.10);
    --rol-line-strong: rgba(238, 232, 217, 0.22);
  }
}