/* Generated by tools/docs/generate_brand.py from tools/docs/brand/tokens.json. Do not edit by hand. */

@import url("https://fonts.googleapis.com/css2?family=Mona+Sans:wdth,wght@100..125,400..900&family=Source+Code+Pro:wght@400;500;700&family=Inter:wght@500;600&family=STIX+Two+Text:ital@1&display=swap");

:root {
  --odys-bg: #0a0e1a;
  --odys-text: #f2f5fa;
  --odys-violet-200: #cdd3ff;
  --odys-violet-300: #a5b0ff;
  --odys-violet-500: #5e7be0;
  --odys-violet-600: #4c5bd4;
  --odys-violet-700: #3f4dc4;
  --odys-mint-400: #5eeaa0;
  --odys-mint-700: #0b7a4b;
  --odys-paper: #ffffff;
  --odys-gray-50: #f1f1f1;
  --odys-gray-100: #e8e8e8;
  --odys-gray-150: #e5e5e5;
  --odys-gray-200: #e1e1e1;
  --odys-gray-300: #b8b8b8;
  --odys-gray-400: #979797;
  --odys-gray-500: #767676;
  --odys-gray-600: #484848;
  --odys-gray-700: #3a3a3a;
  --odys-gray-750: #363636;
  --odys-gray-800: #2f2f2f;
  --odys-gray-900: #1a1a1a;
  --odys-green-400: #42d392;
  --odys-green-500: #42b883;
  --odys-blue-400: #647eff;
  --odys-indigo-200: #aac8e4;
  --odys-indigo-600: #476582;
  --odys-indigo-900: #213547;
  --odys-font-sans: "Mona Sans", system-ui, sans-serif;
  --odys-font-mono: "Source Code Pro", ui-monospace, monospace;
  --odys-font-ui: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --odys-font-math: "STIX Two Text", serif;
  --md-text-font: "Mona Sans";
  --md-code-font: "Source Code Pro";
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--odys-paper);
  --md-default-fg-color: var(--odys-indigo-900);
  --md-default-fg-color--light: var(--odys-gray-500);
  --md-primary-fg-color: var(--odys-paper);
  --md-primary-fg-color--light: var(--odys-paper);
  --md-primary-fg-color--dark: var(--odys-paper);
  --md-primary-bg-color: var(--odys-indigo-900);
  --md-accent-fg-color: var(--odys-mint-700);
  --md-typeset-a-color: var(--odys-violet-600);
  --md-code-bg-color: var(--odys-gray-50);
  --md-code-fg-color: var(--odys-indigo-900);
  --md-accent-fg-color--transparent: color-mix(in srgb, var(--odys-mint-700) 10%, transparent);
  --md-default-bg-color--light: color-mix(in srgb, var(--odys-paper) 54%, transparent);
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--odys-gray-900);
  --md-default-fg-color: var(--odys-gray-200);
  --md-default-fg-color--light: var(--odys-gray-400);
  --md-primary-fg-color: var(--odys-gray-900);
  --md-primary-fg-color--light: var(--odys-gray-900);
  --md-primary-fg-color--dark: var(--odys-gray-900);
  --md-primary-bg-color: var(--odys-gray-200);
  --md-accent-fg-color: var(--odys-green-500);
  --md-typeset-a-color: var(--odys-violet-300);
  --md-code-bg-color: var(--odys-gray-800);
  --md-code-fg-color: var(--odys-gray-200);
  --md-accent-fg-color--transparent: color-mix(in srgb, var(--odys-green-500) 10%, transparent);
  --md-default-bg-color--light: color-mix(in srgb, var(--odys-gray-900) 54%, transparent);
}