Work with Island · About

:root {
  --color-dominant: #0c74ac;
  --color-surface: #efb085;
  --color-ink: #9c7c34;
  --color-accent: #a36c52;
  --color-detail: #c6bbae;
}

/* CSS variables exposed by source */
:root {
  --primary--yellow: #f1bc02;
  --secondary--pink: #7d2c6f;
  --primary--red: #d60d1a;
  --primary--dark-blue: #00a6d1;
  --text-color--text-secondary<deleted|variable-0a60224d-1a94-b160-ae24-af3c6d95a994>: #222;
  --background-color--background-warning<deleted|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b>: #fcf8d8;
  --text-color--text-error<deleted|variable-4a51c5d2-820c-a0d9-b49e-0e5d273c964f>: #3b0b0b;
  --secondary--dark-blue: #0970ad;
  --border-color--border-alternate<deleted|variable-551aa6d2-4bf8-6036-137a-78e1c71841a4>: #222;
  --background-color--background-success<deleted|variable-879e2a57-3170-38fd-0ae7-d0e890873ab2>: #cef5ca;
  --text-color--text-success<deleted|variable-17518f72-fb93-45b5-ad9e-fdd3f2b1833a>: #114e0b;
  --border-color--border-primary<deleted|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83>: #f1f1f1;
  --primary--blue: #0bbae8;
  --secondary--yellow: #c8811a;
  --background-color--background-error<deleted|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c>: #f8e4e4;
  --text-color--text-primary<deleted|variable-7cd2a57e-6f21-74f7-6ce6-096306cecf3e>: #000;
  --secondary--red: #930e0e;
  --primary--green: #84c91d;
  --secondary--blue: #1969ba;
  --secondary--green: #518505;
  --primary--pink: #f170b3;
  --_font---paragraph--xs: 12px;
  --_spacer-size---spacer--xxs: 16px;
  --_font---paragraph--m: 16px;
  --greyscale--n200: #e7e7e7;
  --_spacer-size---spacer--xl: 56px;
  --_spacer-size---size--5-columns: calc(5*78px + 4*24px);
  --_spacer-size---spacer--xxxxxl: 96px;
  --_spacer-size---size--grid-column: 78px;
  --_spacer-size---size--grid-gutter: 24px;
  --_font---heading--h2: 28px;
  --_spacer-size---spacer--s: 32px;
  --_font---heading--h5: 18px;
  --greyscale--white: White;
  --_spacer-size---spacer--xxxs: 8px;
  --_spacer-size---spacer--xxxl: 72px;
  --_spacer-size---size--3-columns: calc(3*78px + 2*24px);
  --greyscale--n900: #101010;
  --_font---heading--h0: 48px;
  --_spacer-size---size--10-columns: calc(10*78px + 9*24px);
  --_spacer-size---spacer--xxl: 64px;
  --_spacer-size---size--content-main: 1200px;
  --greyscale--n500: #9f9f9f;
  --greyscale--n300: #cfcfcf;
  --base-color-system--success-green-dark<deleted|variable-70ae3530-1c64-4d15-f2af-205678316683>: #114e0b;
  --_spacer-size---size--9-columns: calc(9*78px + 8*24px);
  --base-color-system--error-red-dark<deleted|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8>: #3b0b0b;
  --_font---heading--h3: 24px;
  --base-color-neutral--white<deleted|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae>: #fff;
  --_spacer-size---size--4-columns: calc(4*78px + 3*24px);
  --_spacer-size---spacer--m: 40px;
  --base-color-system--warning-yellow<deleted|variable-b0ee00e7-091a-a3f5-1619-b09d07f4475a>: #fcf8d8;
  --base-color-system--success-green<deleted|variable-8fc09a81-a1c7-3c5b-2cf2-835ad5d96212>: #cef5ca;
  --base-color-neutral--neutral-dark<deleted|variable-25a4cec1-64e8-43f9-be9a-1f3e2adc8a86>: #444;
  --_spacer-size---spacer--l: 48px;
  --base-color-neutral--black<deleted|variable-419fddc9-288d-5141-33c5-0873c4ce2f53>: #000;
  --_spacer-size---spacer--xs: 24px;
  --_font---heading--h4: 20px;
  --_font---paragraph--s: 14px;
  --_spacer-size---spacer--xxxxl: 80px;
}