Piccalil Li — Blog

:root {
  --color-dominant: #fcd404;
  --color-surface: #8c740c;
  --color-ink: #f2dc67;
  --color-accent: #84847f;
  --color-detail: #c5bcb6;
}

/* CSS variables exposed by source */
:root {
  --color-grey-16: #e0dfd9;
  --color-status-warning-shade: #b99d00;
  --color-status-warning-glare: #f9e159;
  --space-m-3xl: clamp(1.125rem,0.0847rem + 5.2013vw,5rem);
  --font-base: "Rosart","Georgia Pro",Georgia,serif;
  --text-decoration-thickness: 2px;
  --space-m: clamp(1.125rem,1.0243rem + 0.5034vi,1.5rem);
  --text-size-base: clamp(1.0625rem,0.9954rem + 0.3356vi,1.3125rem);
  --space-regions: clamp(1.875rem,1.7072rem + 0.8389vi,2.5rem);
  --color-grey-4: #4a4847;
  --space-xl-2xl: clamp(1.875rem,1.3045rem + 2.8523vi,4rem);
  --color-primary-shade: color(display-p3 0.72549 0.615686 0/1);
  --text-size-meta: clamp(1rem,0.9664rem + 0.1678vi,1.125rem);
  --space-xl: clamp(1.875rem,1.7072rem + 0.8389vi,2.5rem);
  --size-step--1: clamp(1rem,0.9664rem + 0.1678vi,1.125rem);
  --font-system: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --color-status-success-glare: #acd877;
  --color-grey-3: #3e3c3b;
  --color-mid-shade: #858480;
  --color-light-glare: color(display-p3 0.956863 0.952941 0.937255/1);
  --size-step-8: clamp(2.3125rem,0.1313rem + 10.906vi,10.4375rem);
  --font-mono: "Moderat Mono",ui-monospace,monospace;
  --color-grey-10: #959490;
  --color-mid-glare: #e0dfd9;
  --size-step--4: clamp(0.625rem,0.7043rem + -0.0839vi,0.6875rem);
  --color-grey-11: #a2a09c;
  --color-global-text: color(display-p3 0.094118 0.086275 0.090196/1);
  --size-step--2: clamp(0.875rem,0.8414rem + 0.1678vi,1rem);
  --color-status-success: #8cd039;
  --space-2xl: clamp(3rem,2.7315rem + 1.3423vi,4rem);
  --color-selection-text: color(display-p3 0.929412 0.92549 0.898039/1);
  --color-secondary-shade: color(display-p3 0.690196 0.094118 0.05098/1);
  --color-global-bg: color(display-p3 0.929412 0.92549 0.898039/1);
  --font-black: 900;
  --color-accent: currentColor;
  --color-disabled: #575554;
  --font-accent: "Family","Georgia Pro",Georgia,"URW Bookman","URW Bookman L",serif;
  --color-grey-14: #c7c6c1;
  --font-bold: 700;
  --radius: 0.5em;
  --color-secondary-glare: color(display-p3 0.972549 0.352941 0.309804/1);
  --size-step-5: clamp(1.6875rem,1.2177rem + 2.349vi,3.4375rem);
  --color-grey-6: #636260;
  --text-decoration-color: color(display-p3 0.964706 0.192157 0.137255/1);
  --color-mid-dark: #4a4847;
  --color-selection-bg: color(display-p3 0.094118 0.086275 0.090196/1);
  --text-size-heading-1: clamp(1.6875rem,1.2177rem + 2.349vi,3.4375rem);
  --color-grey-2: #312f2f;
  --space-2xs: clamp(0.375rem,0.3414rem + 0.1678vi,0.5rem);
  --size-step-9: clamp(2.625rem,-0.7643rem + 16.9463vi,15.25rem);
  --radius-l: 2em;
  --size-step-6: clamp(1.8125rem,1.0742rem + 3.6913vi,4.5625rem);
  --size-step-7: clamp(2.0625rem,1.0055rem + 5.2852vw,6rem);
  --font-normal: 400;
  --color-status-error: #f8473b;
  --color-grey-12: #aeada8;
  --size-step-4: clamp(1.5625rem,1.2773rem + 1.4262vi,2.625rem);
  --color-mid: #575554;
  --color-light: color(display-p3 0.929412 0.92549 0.898039/1);
  --size-step-3: clamp(1.4375rem,1.2865rem + 0.755vi,2rem);
}