/* Generated from src/tokens.json. Every colour is a real pixel of the brand artwork:
 * s0E0E0C  #0E0E0C  rgb(14 14 12)  reference/SAMPUL ROUMA JPG.jpg.jpeg @ 75,0  k-means k=24 on neutral colours of logo+banner, snapped to real pixel
 * s252523  #252523  rgb(37 37 35)  reference/SAMPUL ROUMA JPG.jpg.jpeg @ 1179,13  k-means k=24 on neutral colours of logo+banner, snapped to real pixel
 * s444442  #444442  rgb(68 68 66)  brand/LOGO ROUMA JPG.jpg.jpeg @ 861,1088  k-means k=24 on neutral colours of logo+banner, snapped to real pixel
 * s7E7E7C  #7E7E7C  rgb(126 126 124)  brand/LOGO ROUMA JPG.jpg.jpeg @ 651,593  k-means k=24 on neutral colours of logo+banner, snapped to real pixel
 * sBDBDBB  #BDBDBB  rgb(189 189 187)  brand/LOGO ROUMA JPG.jpg.jpeg @ 780,575  k-means k=24 on neutral colours of logo+banner, snapped to real pixel
 * sEDECEA  #EDECEA  rgb(237 236 234)  brand/LOGO ROUMA JPG.jpg.jpeg @ 688,579  exact brand colour confirmed at pixel (688,579); 107947 pixels
 * sF6F6F4  #F6F6F4  rgb(246 246 244)  reference/SAMPUL ROUMA JPG.jpg.jpeg @ 1132,13  k-means k=24 on neutral colours of logo+banner, snapped to real pixel
 * sDADAD8  #DADAD8  rgb(218 218 216)  brand/LOGO ROUMA JPG.jpg.jpeg @ 749,576  k-means k=24 on neutral colours of logo+banner, snapped to real pixel
 * s80807E  #80807E  rgb(128 128 126)  brand/LOGO ROUMA JPG.jpg.jpeg @ 651,594  k-means k=24 on neutral colours of logo+banner, snapped to real pixel
 * s504F4D  #504F4D  rgb(80 79 77)  brand/LOGO ROUMA JPG.jpg.jpeg @ 656,574  k-means k=24 on neutral colours of logo+banner, snapped to real pixel
 * s11110F  #11110F  rgb(17 17 15)  brand/LOGO ROUMA JPG.jpg.jpeg @ 0,0  exact brand colour confirmed at pixel (0,0); 3546913 pixels
 * accent   #34F5BC  rgb(52 245 188)  reference/SAMPUL ROUMA JPG.jpg.jpeg @ 1188,424  k-means k=3 on saturated banner pixels (spread>=90, max>=140), dominant cluster, snapped to real pixel
 */
:root { --surface: oklch(0.9726 0.0026 106.4); --bg: oklch(0.9433 0.0029 84.6); --hover: oklch(0.8878 0.0027 106.5); --line-strong: oklch(0.7978 0.0028 106.5); --faint: oklch(0.5992 0.0030 106.5); --muted: oklch(0.4279 0.0035 84.6); --fg: oklch(0.1768 0.0040 106.8); --line: oklch(0.8878 0.0027 106.5); --ink: oklch(0.1768 0.0040 106.8); --ink-fg: oklch(0.9726 0.0026 106.4); --tile: oklch(0.1768 0.0040 106.8); --tile-fg: oklch(0.9433 0.0029 84.6); --accent: oklch(0.8657 0.1671 167.2); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: oklch(0.1629 0.0041 106.8); --surface: oklch(0.1768 0.0040 106.8); --hover: oklch(0.2637 0.0037 106.6); --line-strong: oklch(0.3860 0.0033 106.6); --faint: oklch(0.5925 0.0030 106.5); --muted: oklch(0.7978 0.0028 106.5); --fg: oklch(0.9433 0.0029 84.6); --line: oklch(0.2637 0.0037 106.6); --ink: oklch(0.9433 0.0029 84.6); --ink-fg: oklch(0.1629 0.0041 106.8); --tile: oklch(0.1768 0.0040 106.8); --tile-fg: oklch(0.9433 0.0029 84.6); --accent: oklch(0.8657 0.1671 167.2); color-scheme: dark; } }
:root[data-theme="dark"] { --bg: oklch(0.1629 0.0041 106.8); --surface: oklch(0.1768 0.0040 106.8); --hover: oklch(0.2637 0.0037 106.6); --line-strong: oklch(0.3860 0.0033 106.6); --faint: oklch(0.5925 0.0030 106.5); --muted: oklch(0.7978 0.0028 106.5); --fg: oklch(0.9433 0.0029 84.6); --line: oklch(0.2637 0.0037 106.6); --ink: oklch(0.9433 0.0029 84.6); --ink-fg: oklch(0.1629 0.0041 106.8); --tile: oklch(0.1768 0.0040 106.8); --tile-fg: oklch(0.9433 0.0029 84.6); --accent: oklch(0.8657 0.1671 167.2); color-scheme: dark; }
:root[data-theme="light"] { color-scheme: light; }