Groq — Pricing

:root {
  --color-dominant: #f0440e;
  --color-surface: #1c4858;
  --color-ink: #f4ac54;
  --color-accent: #667a90;
  --color-detail: #decabe;
}

/* CSS variables exposed by source */
:root {
  --color-code-snippet-highlight: #D377FD;
  --space-gutter-v: 2.2857142857rem;
  --color-card-solid-bg: light-dark(#fff,#2D2F33);
  --space-fixed-5: 2.8571428571rem;
  --color-orange-dark: #C23101;
  --color-orange-brand: #F43E01;
  --space-4: 4rem;
  --space-section-bottom: 1.1428571429rem;
  --space-fixed-4: 2.2857142857rem;
  --color-bg-section-20: light-dark(#2D2F33,#2D2F33);
  --color-focus-text: #fff;
  --color-divider: light-dark(color-mix(in srgb,#000 20%,transparent),color-mix(in srgb,#fff 20%,transparent));
  --color-bg: light-dark(#F3F3EE,#26292E);
  --color-code-snippet-shade-gradient-start: color-mix(in srgb,#2D2F33 0%,transparent);
  --space-outer: 3.4285714286rem;
  --color-utility-100: #FAFAF8;
  --color-fluorescent-yellow: #FDEB20;
  --color-fluorescent-purple-light: #E3DCF8;
  --color-text-link-hover: #C23101;
  --color-fluorescent-green: #10E68D;
  --color-separator: light-dark(color-mix(in srgb,#000 20%,transparent),color-mix(in srgb,#fff 20%,transparent));
  --color-code-snippet-text: #fff;
  --color-utility-91-yellow: #E8E8DE;
  --color-code-snippet-text-comment: #9C9C90;
  --color-text-secondary: light-dark(#69695D,color-mix(in srgb,#fff 60%,transparent));
  --color-bg-section-91: light-dark(#E8E8DE,#2D2F33);
  --space-fixed-6: 3.4285714286rem;
  --color-text-link: light-dark(#2D2F33,#fff);
  --color-bd: light-dark(color-mix(in srgb,#000 20%,transparent),color-mix(in srgb,#fff 20%,transparent));
  --color-code-snippet-ui: #9C9C90;
  --space-5: 5.7142857143rem;
  --color-orange: #F43E01;
  --shadow-color: 0deg 0% 0%;
  --color-white: #fff;
  --color-text-btn: #fff;
  --color-fluorescent-blue: #5FC0FF;
  --color-grey: #D9D9D9;
  --color-fluorescent-yellow-light: #F4FD90;
  --color-black-20: color-mix(in srgb,#000 20%,transparent);
  --color-fluorescent-purple-base: #D377FD;
  --color-btn-secondary-text: light-dark(#2D2F33,#fff);
  --color-text-accent: #F43E01;
  --color-code-snippet-separator: color-mix(in srgb,#fff 20%,transparent);
  --color-utility-81-yellow: #CECEBF;
  --space-3: 2.8571428571rem;
  --color-btn-tertiary-text: light-dark(#2D2F33,#fff);
  --color-tabs-btn-text: #34342E;
  --color-btn-primary-bg: light-dark(#F43E01,#F43E01);
  --color-btn-secondar-text-hover: light-dark(#2D2F33,#fff);
  --color-btn-primary-bg-hover: #fff;
  --color-code-snippet-text-highlighted: color-mix(in lch increasing hue,#D377FD,#fff 25%);
  --color-orange-light: #FFD1A3;
  --color-white-20: color-mix(in srgb,#fff 20%,transparent);
  --color-green: #39C5C0;
  --space-1: 1.7142857143rem;
  --color-btn-secondary-bd: light-dark(color-mix(in srgb,#000 20%,transparent),color-mix(in srgb,#fff 20%,transparent));
  --color-btn-secondary-bg: transparent;
  --color-btn-primary-text: #fff;
  --color-text-accent-inner: #fff;
  --color-tabs-btn-active-text: #fff;
}