:root{
  --p-ink:#0E1116;
  --p-paper:#FBFCFD;
  --p-white:#ffffff;
  --p-accent:#1B4FD8;
  --p-tint:#eff0f1;
  --p-hair:#e1e2e4;

  --c-surface:#FBFCFD;
  --c-surface-raised:#ffffff;
  --c-text:#0e1116;
  --c-text-muted:#727477;
  --c-text-subtle:#717377;
  --c-border:#e1e2e4;
  --c-accent:#1B4FD8;
  --c-accent-hover:#3a67dd;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#ffffff;
  --c-accent-text:#1b4fd8;
  --c-focus-ring:#1b4fd8;
}


[data-surface="inverse"]{
  --c-surface:#0E1116;
  --c-surface-raised:#1f2226;
  --c-text:#ffffff;
  --c-text-muted:#9a9b9d;
  --c-text-subtle:#828386;
  --c-border:#434549;
  --c-accent:#7f9ce9;
  --c-accent-hover:#6f89cb;
  --c-on-accent:#0E1116;
  --c-on-accent-hover:#000000;
  --c-accent-text:#5f84e4;
  --c-focus-ring:#5f84e4;
}


[data-mode="dark"]{
  --c-surface:#0E1116;
  --c-surface-raised:#1f2226;
  --c-text:#ffffff;
  --c-text-muted:#9a9b9d;
  --c-text-subtle:#828386;
  --c-border:#434549;
  --c-accent:#7f9ce9;
  --c-accent-hover:#6f89cb;
  --c-on-accent:#0E1116;
  --c-on-accent-hover:#000000;
  --c-accent-text:#5f84e4;
  --c-focus-ring:#5f84e4;
}
[data-mode="dark"] [data-surface="inverse"]{
  --c-surface:#FBFCFD;
  --c-surface-raised:#ffffff;
  --c-text:#0e1116;
  --c-text-muted:#727477;
  --c-text-subtle:#717377;
  --c-border:#e1e2e4;
  --c-accent:#1B4FD8;
  --c-accent-hover:#3a67dd;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#ffffff;
  --c-accent-text:#1b4fd8;
  --c-focus-ring:#1b4fd8;
}


@media (prefers-color-scheme: dark){
  [data-mode="auto"]{
    --c-surface:#0E1116;
    --c-surface-raised:#1f2226;
    --c-text:#ffffff;
    --c-text-muted:#9a9b9d;
    --c-text-subtle:#828386;
    --c-border:#434549;
    --c-accent:#7f9ce9;
    --c-accent-hover:#6f89cb;
    --c-on-accent:#0E1116;
    --c-on-accent-hover:#000000;
    --c-accent-text:#5f84e4;
    --c-focus-ring:#5f84e4;
  }
  [data-mode="auto"] [data-surface="inverse"]{
    --c-surface:#FBFCFD;
    --c-surface-raised:#ffffff;
    --c-text:#0e1116;
    --c-text-muted:#727477;
    --c-text-subtle:#717377;
    --c-border:#e1e2e4;
    --c-accent:#1B4FD8;
    --c-accent-hover:#3a67dd;
    --c-on-accent:#ffffff;
    --c-on-accent-hover:#ffffff;
    --c-accent-text:#1b4fd8;
    --c-focus-ring:#1b4fd8;
  }
}