Fal — About

:root {
  --color-dominant: #b4fc04;
  --color-surface: #2b749c;
  --color-ink: #9becfb;
  --color-accent: #69a253;
  --color-detail: #ba94c9;
}

/* CSS variables exposed by source */
:root {
  --surface-light: 0 0% 98%;
  --brand-green-solid: 136 89% 29%;
  --shadow-xs: 0 1px 2px 0 #0000000d;
  --brand-orange-foreground: 24 94% 37%;
  --surface-alpha-light: hsla(240 2% 10% / .03);
  --secondary-400: 79 100% 50%;
  --brand-sky-solid: 215 99% 60%;
  --primary-foreground: 254 100% 97%;
  --shadow-queue-drawer: 0 10px 10px -5px #0000000a, 0 20px 25px -5px #0000001a;
  --brand-rose-foreground: 341 63% 52%;
  --secondary-500: 79 100% 45%;
  --brand-sea-background: 197 95% 95%;
  --primary-light: 257 100% 66%;
  --surface-primary: 246 75% 92%;
  --brand-cyan-background: 190 100% 95%;
  --font-hal-mono: "halMono", "halMono Fallback";
  --primary-100: 250 100% 95%;
  --surface: 0 0% 100%;
  --brand-rose-background: 341 90% 97%;
  --primary-50: 254 100% 97%;
  --brand-sea-foreground: 196 90% 31%;
  --secondary-950: 86 100% 10%;
  --secondary-light: 74 100% 88%;
  --brand-pink-background: 330 100% 96%;
  --secondary-foreground: 86 100% 10%;
  --brand-pink-foreground: 330 65% 40%;
  --brand-sea-solid: 196 90% 31%;
  --brand-green-foreground: 80 94% 22%;
  --primary-950: 260 81% 23%;
  --surface-200: 0 0% 98%;
  --shadow-xl: 0 25px 50px -12px #00000040;
  --primary-300: 252 100% 85%;
  --brand-cyan-solid-foreground: 240 10% 8%;
  --brand-rose-solid: 343 95% 46%;
  --accent-teal: 173 100% 37%;
  --brand-brown-foreground: 27 43% 29%;
  --surface-alpha: hsla(240 2% 10% / .05);
  --brand-pink-solid-foreground: 330 79% 97%;
  --primary: 261 93% 58%;
  --brand-purple-background: 246 68% 96%;
  --brand-teal-solid-foreground: 179 92% 10%;
  --primary-800: 263 78% 42%;
  --primary-dark: 263 79% 50%;
  --secondary-600: 83 100% 36%;
  --secondary-200: 74 100% 88%;
  --shadow-md: 0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;
  --brand-teal-background: 173 100% 96%;
  --font-public-sans-rounded: "publicSansRounded", "publicSansRounded Fallback";
  --secondary-700: 82 100% 27%;
  --secondary-100: 74 100% 88%;
  --primary-700: 263 79% 50%;
  --accent-teal-800: 177 100% 19%;
  --surface-alpha-3: #12121608;
  --secondary-800: 82 100% 27%;
  --secondary-dark: 77 100% 66%;
  --primary-600: 261 93% 58%;
  --shadow-sm: 0 1px 2px 0 #0000000f, 0 1px 3px 0 #0000000d;
  --surface-300: 0 0% 100%;
  --font-chivo-mono: "Chivo Mono", "Chivo Mono Fallback";
  --shadow-lg: 0 10px 10px -5px #0000000a, 0 20px 25px -5px #0000001a;
}