[
  {
    "name": "Federal 900",
    "token": "--c-blue",
    "hex": "#1E3A8A",
    "usage": "Primarni akcent na svetle plose, znak v headeru, autoritativni plochy."
  },
  {
    "name": "Federal 700",
    "token": "--c-blue2",
    "hex": "#3B62D1",
    "usage": "Em akcenty, CTA blob, focus ring, hover stav."
  },
  {
    "name": "Federal light",
    "token": "--c-blue-l",
    "hex": "#AFC2F2",
    "usage": "Akcenty na tmave plose. Nikdy Federal 700 na ink."
  },
  {
    "name": "Ink",
    "token": "--c-ink",
    "hex": "#0A0A0C",
    "usage": "Text, tmave sekcni bloky, durazove pozadi."
  },
  {
    "name": "Paper 100",
    "token": "--c-bg",
    "hex": "#F2F0EE",
    "usage": "Dominantni pozadi webu."
  },
  {
    "name": "Paper 200",
    "token": "--c-gray-m",
    "hex": "#E5E3E0",
    "usage": "Hrany, mekke plochy, tabulkove deleni."
  },
  {
    "name": "Paper 300",
    "token": "--c-paper3",
    "hex": "#C8C4BF",
    "usage": "Sekundarni linky, meta text na tmave, klidne oddelovace."
  },
  {
    "name": "Gray light",
    "token": "--c-gray-l",
    "hex": "#ECEAE7",
    "usage": "Jemne vyplne, hover pole, zadni vrstvy."
  },
  {
    "name": "White 2",
    "token": "--c-white2",
    "hex": "#FAF9F7",
    "usage": "Svetle karty, svetly wordmark na tmave, CTA invert."
  },
  {
    "name": "Slate",
    "token": "--c-slate",
    "hex": "#454B5E",
    "usage": "Sekundarni text na svetle plose."
  },
  {
    "name": "Ledger tag",
    "token": "--c-ledger",
    "hex": "#97928B",
    "usage": "Mono meta, stitky ledgeru, tiche poznamky."
  }
]