/* Actually Indian: tokens taken from the logo (beige monitor, saffron kurta, red bindi, green badge) */
@import url("fonts.css");

:root {
  --paper: oklch(0.984 0.005 90);
  --paper-2: oklch(0.995 0.003 90);
  --studio: oklch(0.993 0.002 90);
  --sand: oklch(0.955 0.012 88);
  --line: oklch(0.9 0.01 85);
  --line-2: oklch(0.84 0.014 85);
  --plastic: oklch(0.912 0.033 88);
  --saffron: oklch(0.69 0.2 44);
  --saffron-deep: oklch(0.55 0.18 40);
  --saffron-soft: oklch(0.93 0.05 55);
  --bindi: oklch(0.54 0.205 28);
  --badge: oklch(0.6 0.1 168);
  --pump: oklch(0.86 0.13 152);
  --pump-deep: oklch(0.5 0.12 152);
  --ink: oklch(0.225 0.012 75);
  --ink-2: oklch(0.42 0.02 75);
  --ink-3: oklch(0.56 0.022 78);
  --night: oklch(0.17 0.01 262);
  --night-2: oklch(0.22 0.012 262);
  --on-dark: oklch(0.94 0.008 85);
  --on-dark-2: oklch(0.74 0.012 85);

  --font: "Archivo", system-ui, sans-serif;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-card: 0 1px 2px oklch(0.3 0.02 70 / 0.08), 0 24px 48px -28px oklch(0.3 0.04 70 / 0.35);
}


/* where a chat line came from */
.src {
  display: inline-flex; align-items: center; gap: 5px;
  font: 700 10.5px/1 var(--font); font-stretch: 112%; letter-spacing: 0.06em; text-transform: uppercase;
  padding: 4px 6px 4px 5px; border-radius: 5px; white-space: nowrap; vertical-align: 1px;
}
.src::before { content: ""; width: 6px; height: 6px; border-radius: 50%; }
.src.pump { background: oklch(0.86 0.13 152 / 0.18); color: var(--pump-deep); }
.src.pump::before { background: oklch(0.72 0.17 152); }
.src.site { background: oklch(0.69 0.2 44 / 0.12); color: var(--saffron-deep); }
.src.site::before { background: var(--saffron); }

/* the /ai mark of a request */
.tag-ai {
  font: 800 0.86em/1 var(--font); color: var(--ink); background: var(--saffron);
  padding: 0.22em 0.42em; border-radius: 0.34em; letter-spacing: 0.01em; white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}