/* Olive Depo — 46 tasarım tokenı. Kaynak: design/tokens.md (uygulamayla birebir). */

@font-face { font-family: Archivo; src: url("/public/fonts/Archivo-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: Archivo; src: url("/public/fonts/Archivo-500.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: Archivo; src: url("/public/fonts/Archivo-600.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: Archivo; src: url("/public/fonts/Archivo-700.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: Archivo; src: url("/public/fonts/Archivo-800.ttf") format("truetype"); font-weight: 800; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/public/fonts/IBMPlexMono-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/public/fonts/IBMPlexMono-500.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/public/fonts/IBMPlexMono-600.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/public/fonts/IBMPlexMono-700.ttf") format("truetype"); font-weight: 700; font-display: swap; }

.thm {
  --pg:#08090B; --bg:#0B0B0D; --inset:#0E0E11; --nav:#121215;
  --s1:#131316; --s2:#16161A; --s3:#131316;
  --surf:#1A1A1D; --surf2:#1D1D21; --surf3:#202024; --surf4:#232327;
  --act:#26262B; --act2:#2A2A30; --shell:#2C2C31; --shell2:#101013;
  --warm:#1E1E22; --warm2:#15151A;
  --mut:#2E2E34; --mut2:#34343B; --mut3:#3E3E46; --mut4:#4C4C55; --mut5:#4A4A53; --mut6:#4E4E57;
  --tx:#F5F5F7; --tx2:#C9C9CF; --tx3:#9A9AA2; --tx4:#8E8E96;
  --tx5:#7C7C85; --tx6:#6E6E77; --tx7:#63636B; --tx8:#93939B;
  --ac:#0A84FF; --ac2:#66B3FF; --ac3:#4DA3FF;
  --wn:#FF9F0A; --wn2:#FFC470; --wn3:#C9A26A;
  --dg:#FF453A; --dg2:#FF8A7E; --dg3:#7A1B12;
  --if:#64D2FF; --tp:#BF5AF2;
  --paper:#F8F7F1; --paper2:#EAE9E1;
  --w:255,255,255; --bgc:11,11,13;
}

.thm.light {
  --pg:#E4E4EA; --bg:#F2F2F7; --inset:#E8E8EE; --nav:#FFFFFF;
  --s1:#F7F7FA; --s2:#EFEFF4; --s3:#F7F7FA;
  --surf:#FFFFFF; --surf2:#EDEDF2; --surf3:#F4F4F8; --surf4:#EAEAF0;
  --act:#E1E9F7; --act2:#DCE5F5; --shell:#C9C9D0; --shell2:#B4B4BC;
  --warm:#E4E4EA; --warm2:#D8D8E0;
  --mut:#C7C7CE; --mut2:#BDBDC6; --mut3:#A8A8B0; --mut4:#94949C; --mut5:#9A9AA2; --mut6:#96969E;
  --tx:#0B0B0D; --tx2:#33333A; --tx3:#4A4A52; --tx4:#5A5A63;
  --tx5:#6B6B74; --tx6:#86868C; --tx7:#8E8E96; --tx8:#5A5A63;
  --ac:#0B5FD0; --ac2:#2A7BE0; --ac3:#1F6FD6;
  --wn:#8A5200; --wn2:#6B4410; --wn3:#5E5230;
  --dg:#C1000F; --dg2:#96271A; --dg3:#7A1B12;
  --if:#0C6B85; --tp:#6E4FA0;
  --paper:#FFFFFF; --paper2:#EFEFF4;
  --w:0,0,0; --bgc:255,255,255;
}