:root {
  --meitaim-accent-rgb: 53 224 255;
  --meitaim-accent-strong-rgb: 111 233 255;
  --meitaim-accent-quiet-rgb: 23 79 92;
  --meitaim-on-accent-rgb: 4 16 22;

  --meitaim-surface-rgb: 9 11 15;
  --meitaim-surface-raised-rgb: 16 19 26;
  --meitaim-surface-overlay-rgb: 24 28 37;
  --meitaim-border-rgb: 33 39 50;
  --meitaim-border-strong-rgb: 94 102 116;

  --meitaim-text-rgb: 232 234 237;
  --meitaim-text-muted-rgb: 165 172 182;
  --meitaim-text-faint-rgb: 124 132 143;

  --meitaim-positive-rgb: 61 214 140;
  --meitaim-caution-rgb: 245 181 68;
  --meitaim-danger-rgb: 255 118 132;

  --meitaim-accent: rgb(var(--meitaim-accent-rgb));
  --meitaim-accent-strong: rgb(var(--meitaim-accent-strong-rgb));
  --meitaim-accent-quiet: rgb(var(--meitaim-accent-quiet-rgb));
  --meitaim-on-accent: rgb(var(--meitaim-on-accent-rgb));
  --meitaim-surface: rgb(var(--meitaim-surface-rgb));
  --meitaim-surface-raised: rgb(var(--meitaim-surface-raised-rgb));
  --meitaim-surface-overlay: rgb(var(--meitaim-surface-overlay-rgb));
  --meitaim-border: rgb(var(--meitaim-border-rgb));
  --meitaim-border-strong: rgb(var(--meitaim-border-strong-rgb));
  --meitaim-text: rgb(var(--meitaim-text-rgb));
  --meitaim-text-muted: rgb(var(--meitaim-text-muted-rgb));
  --meitaim-text-faint: rgb(var(--meitaim-text-faint-rgb));
  --meitaim-positive: rgb(var(--meitaim-positive-rgb));
  --meitaim-caution: rgb(var(--meitaim-caution-rgb));
  --meitaim-danger: rgb(var(--meitaim-danger-rgb));

  --meitaim-font-sans:
    "Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --meitaim-font-mono:
    "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  --meitaim-tracking-display: -0.03em;
  --meitaim-tracking-heading: -0.02em;
  --meitaim-tracking-body: 0em;
  --meitaim-tracking-caps: 0.08em;

  --meitaim-leading-display: 1.02;
  --meitaim-leading-heading: 1.15;
  --meitaim-leading-body: 1.65;

  --meitaim-radius-sm: 0.375rem;
  --meitaim-radius-md: 0.625rem;
  --meitaim-radius-lg: 0.875rem;
  --meitaim-radius-xl: 1.25rem;
  --meitaim-radius-tile: 22%;

  --meitaim-duration-quick: 120ms;
  --meitaim-duration-standard: 200ms;
  --meitaim-duration-emphatic: 320ms;
  --meitaim-duration-shimmer: 1400ms;

  --meitaim-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --meitaim-ease-entrance: cubic-bezier(0.05, 0.7, 0.1, 1);
  --meitaim-ease-exit: cubic-bezier(0.3, 0, 0.8, 0.15);

  --meitaim-facet-1: 0.95;
  --meitaim-facet-2: 0.72;
  --meitaim-facet-3: 0.58;
  --meitaim-facet-4: 0.85;
  --meitaim-facet-5: 0.68;
  --meitaim-facet-6: 1;
}

:root[data-meitaim-surface="light"] {
  --meitaim-accent-rgb: 8 145 178;
  --meitaim-accent-strong-rgb: 6 111 138;
  --meitaim-accent-quiet-rgb: 208 240 248;
  --meitaim-on-accent-rgb: 4 16 22;

  --meitaim-surface-rgb: 255 255 255;
  --meitaim-surface-raised-rgb: 244 246 248;
  --meitaim-surface-overlay-rgb: 234 238 242;
  --meitaim-border-rgb: 221 226 232;
  --meitaim-border-strong-rgb: 134 142 152;

  --meitaim-text-rgb: 23 26 32;
  --meitaim-text-muted-rgb: 78 87 99;
  --meitaim-text-faint-rgb: 105 114 126;

  --meitaim-positive-rgb: 13 124 79;
  --meitaim-caution-rgb: 142 92 4;
  --meitaim-danger-rgb: 190 32 51;
}