/* logswap identity — 6a "Square chain" */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  --logswap-black: #0c0c0d;
  --logswap-ink: #f4f2ec;
  --logswap-gold: #e6c64f;
  --logswap-grey: #8f8d84;
  --logswap-line: #26262a;

  --logswap-font-display: 'Chakra Petch', sans-serif;
  --logswap-font-mono: 'IBM Plex Mono', monospace;
}

/* Lockup ------------------------------------------------------------ */
.logswap-lockup { display: flex; align-items: center; gap: 22px; font-family: var(--logswap-font-display); color: var(--logswap-ink); }
.logswap-lockup img, .logswap-lockup svg { flex-shrink: 0; width: 110px; height: 110px; }
.logswap-wordmark { font-size: 52px; font-weight: 700; letter-spacing: -.03em; line-height: .95; }
.logswap-wordmark .paren { color: var(--logswap-grey); }
.logswap-tagline { font-family: var(--logswap-font-mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--logswap-accent); margin-top: 10px; white-space: nowrap; }

/* Small lockup (nav / header) */
.logswap-lockup--sm { gap: 12px; }
.logswap-lockup--sm img, .logswap-lockup--sm svg { width: 42px; height: 42px; }
.logswap-lockup--sm .logswap-wordmark { font-size: 18px; letter-spacing: -.02em; }
.logswap-lockup--sm .logswap-tagline { display: none; }

/* On gold or ink backgrounds, swap to the ink mark and dark type */
.logswap-lockup--onlight { color: var(--logswap-black); }

/* Palettes ---------------------------------------------------------- */
/* The same table as unimod-design and the app's theme.ts. The identity's own colours are the
   default (`logswap`); the rest are alternates, cycled with the palette control.

   Three squares, three colours. Slots are assigned by LUMINANCE, not by table order, so every
   palette reads the same way regardless of how its four colours happen to be listed:
     --logswap-s0  largest square  = brightest
     --logswap-s1  middle square   = third brightest (recedes)
     --logswap-s2  smallest square = second brightest, and the accent
   That is exactly the identity's own arrangement — ink, grey, gold — so the rule generalises the
   approved mark rather than replacing it. The accent still lands on the smallest square only. */

:root {
  --logswap-s0: var(--logswap-ink);
  --logswap-s1: var(--logswap-grey);
  --logswap-s2: var(--logswap-gold);
  --logswap-accent: var(--logswap-gold);
}
[data-pal="woodland"] { --logswap-s0:#6f6a4b; --logswap-s1:#2c2b1e; --logswap-s2:#4a4a33; --logswap-accent:#4a4a33; }
[data-pal="desert"] { --logswap-s0:#c9b48a; --logswap-s1:#6f5a3c; --logswap-s2:#a98f5e; --logswap-accent:#a98f5e; }
[data-pal="urban"] { --logswap-s0:#c9cccb; --logswap-s1:#5f6666; --logswap-s2:#9aa0a0; --logswap-accent:#9aa0a0; }
[data-pal="winter"] { --logswap-s0:#edefec; --logswap-s1:#9aa39d; --logswap-s2:#ccd1cd; --logswap-accent:#ccd1cd; }
[data-pal="tiger"] { --logswap-s0:#c1a35d; --logswap-s1:#2b3020; --logswap-s2:#5c6340; --logswap-accent:#5c6340; }
[data-pal="blaze"] { --logswap-s0:#c9b483; --logswap-s1:#6f5a3c; --logswap-s2:#e2661f; --logswap-accent:#e2661f; }
[data-pal="green"] { --logswap-s0:#aecb8c; --logswap-s1:#3f7c39; --logswap-s2:#6fa254; --logswap-accent:#6fa254; }
[data-pal="blue"] { --logswap-s0:#adc6e2; --logswap-s1:#3f5f9c; --logswap-s2:#6f97ca; --logswap-accent:#6f97ca; }
[data-pal="yellow"] { --logswap-s0:#f1de89; --logswap-s1:#c39a26; --logswap-s2:#e2c04e; --logswap-accent:#e2c04e; }
[data-pal="prism"] { --logswap-s0:#e6c64f; --logswap-s1:#3f6fb0; --logswap-s2:#6fa250; --logswap-accent:#6fa250; }
[data-pal="teal"] { --logswap-s0:#8fc9a8; --logswap-s1:#2f6f8a; --logswap-s2:#4fa88f; --logswap-accent:#4fa88f; }
[data-pal="meadow"] { --logswap-s0:#dfe08a; --logswap-s1:#6f9e4f; --logswap-s2:#a9c46a; --logswap-accent:#a9c46a; }
[data-pal="rust"] { --logswap-s0:#c98a4a; --logswap-s1:#5f3a20; --logswap-s2:#9c5a2f; --logswap-accent:#9c5a2f; }
[data-pal="arctic"] { --logswap-s0:#dde7ea; --logswap-s1:#6f92a3; --logswap-s2:#a9c2cf; --logswap-accent:#a9c2cf; }
[data-pal="moss"] { --logswap-s0:#b7c48a; --logswap-s1:#4f6f34; --logswap-s2:#7f9e4f; --logswap-accent:#7f9e4f; }
[data-pal="orchid"] { --logswap-s0:#e6c64f; --logswap-s1:#2f8f82; --logswap-s2:#b9a3d9; --logswap-accent:#b9a3d9; }
[data-pal="ember"] { --logswap-s0:#d9b48a; --logswap-s1:#a52f22; --logswap-s2:#e0762b; --logswap-accent:#e0762b; }
[data-pal="tide"] { --logswap-s0:#3fb0a8; --logswap-s1:#1f6f8a; --logswap-s2:#f06a52; --logswap-accent:#f06a52; }
[data-pal="dusk"] { --logswap-s0:#f0c24a; --logswap-s1:#d94f8c; --logswap-s2:#3fb6d6; --logswap-accent:#3fb6d6; }