Brethren Design Co · Shop

:root {
  --color-dominant: #fc1c0c;
  --color-surface: #fcc474;
  --color-ink: #2b0505;
  --color-accent: #9ba471;
  --color-detail: #d3afae;
}

/* CSS variables exposed by source */
:root {
  --text-2xl: 1.5rem;
  --color-red-900: oklch(39.6% .141 25.723);
  --text-lg: 1.125rem;
  --font-body: "Geist Mono","Geist Mono Fallback";
  --text-base--line-height: calc(1.5/1);
  --radius-4xl: 2rem;
  --color-red-200: oklch(88.5% .062 18.334);
  --color-fill: #280005;
  --color-gray-300: oklch(87.2% .01 258.338);
  --color-text-base: #280005;
  --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --color-amber-300: oklch(87.9% .169 91.605);
  --color-gray-500: oklch(55.1% .027 264.364);
  --color-pink-800: #fdbccc;
  --color-gray-50: oklch(98.5% .002 247.839);
  --color-pink-900: #f7819e;
  --text-lg--line-height: calc(1.75/1.125);
  --color-red-400: oklch(70.4% .191 22.216);
  --color-white: #fff;
  --color-gray-400: oklch(70.7% .022 261.325);
  --color-accent: #f7819e;
  --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-weight-bold: 700;
  --color-gray-100: oklch(96.7% .003 264.542);
  --color-red-800: oklch(44.4% .177 26.899);
  --color-red-500: oklch(63.7% .237 25.331);
  --color-background: #fffef9;
  --text-xs--line-height: calc(1/.75);
  --font-geist-mono: "Geist Mono","Geist Mono Fallback";
  --font-icomoon: "icomoon","icomoon Fallback";
  --radius-2xl: 1rem;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --text-xl: 1.25rem;
  --font-heading: "teeType","teeType Fallback";
  --color-gray-800: oklch(27.8% .033 256.848);
  --color-maroon-900: #4f000a;
  --color-green-50: oklch(98.2% .018 155.826);
  --color-red-300: oklch(80.8% .114 19.571);
  --radius-3xl: 1.5rem;
  --text-2xl--line-height: calc(2/1.5);
  --spacing: .25rem;
  --color-text-inverted: #fffef9;
  --color-pink-200: oklch(89.9% .061 343.231);
  --text-xl--line-height: calc(1.75/1.25);
  --font-weight-semibold: 600;
  --color-green-800: oklch(44.8% .119 151.328);
  --color-red-700: oklch(50.5% .213 27.518);
  --text-sm: .875rem;
  --color-cream-800: #fffef9;
  --color-blue-500: oklch(62.3% .214 259.815);
  --color-gray-900: oklch(21% .034 264.665);
  --color-pink-700: oklch(52.5% .223 3.958);
  --color-yellow-50: oklch(98.7% .026 102.212);
  --color-yellow-900: oklch(42.1% .095 57.708);
  --color-gray-700: oklch(37.3% .034 259.733);
  --color-surface: #fff;
  --color-gray-600: oklch(44.6% .03 256.802);
  --color-accent-hover: #fdbccc;
  --color-yellow-200: oklch(94.5% .129 101.54);
}