/* GENERATED by fift-design gen/v8.py from tokens/fift.tokens.json 8.1.0 (source sha256 62cf3011215c74d7e31b772ee593160c08537962efdb735bac6e5a8830ed9463). Do not edit. */
/* FIFT 8.1.0: colour (light; dark by prefers-color-scheme unless [data-theme] pins it), type, space, radius, motion. */
:root {
  color-scheme: light dark;
  --fift-cherry: #621427;
  --fift-ivory: #FBF7F0;
  --fift-ink: #1B1113;
  --fift-black: #000000;
  --fift-ivory-night: #F5F0E8;
  --fift-make-a: #1F8A57;
  --fift-make-b: #D9971C;
  --fift-make-ink: #17663F;
  --fift-keep-a: #0E7C86;
  --fift-keep-b: #2B59C3;
  --fift-keep-ink: #0B5F68;
  --fift-grow-a: #7046D8;
  --fift-grow-b: #EF6A5A;
  --fift-grow-ink: #5A33B8;
  --fift-chief-a: #621427;
  --fift-chief-b: #B0284F;
  --fift-chief-ink: #621427;
  --fift-ground-base: #F6F1E9;
  --fift-surface: #FFFFFF;
  --fift-surface-hi: #FFFFFF;
  --fift-ground: #F6F1E9;
  --fift-text: #1B1113;
  --fift-secondary: #4A3E3B;
  --fift-tertiary: #70625D;
  --fift-hairline: rgba(27,17,19,.09);
  --fift-tint: #1B1113;
  --fift-action: #621427;
  --fift-action-text: #FBF7F0;
  --fift-ring-track: #EBE1D4;
  --fift-ring-fill: #621427;
  --fift-verified: #2F6B45;
  --fift-loss: #A33B28;
  --fift-glass: rgba(253,251,247,.95);
  --fift-glass-edge: rgba(27,17,19,.16);
  --fift-selection: rgba(27,17,19,.07);
  --fift-fill: rgba(27,17,19,.06);
  --fift-raised: #FFFFFF;
  --fift-focus: #1B1113;
  --fift-verified-fill: rgba(47,107,69,.14);
  --fift-loss-fill: rgba(163,59,40,.12);
  --fift-scrim: rgba(0,0,0,.28);
  --fift-card: #FFFFFF;
  --fift-inset: #F6F1E9;
  --fift-cherry-lit: #621427;
  --fift-glass-solid: #FCF7F0;
  --fift-action-edge: rgba(0,0,0,.25);
  --fift-sheet-card: #FFFFFF;
  --fift-graphite: #3B3B3D;
  --fift-obj-paper: #FBF7F0;
  --fift-obj-ink: #1B1113;
  --fift-obj-graphite: #2E2A2A;
  --fift-obj-sheen: rgba(255,255,255,.07);
  --fift-face-harbor-a: #1E3A6E;
  --fift-face-harbor-b: #2B5596;
  --fift-face-cedar-a: #1D5139;
  --fift-face-cedar-b: #1F5A3E;
  --fift-face-juniper-a: #3E1A4F;
  --fift-face-juniper-b: #8A4699;
  --fift-face-wallet-a: #2B1D57;
  --fift-face-wallet-b: #075A4A;
  --fift-face-trade-a: #12151C;
  --fift-face-trade-b: #34405A;
  --fift-face-alder-a: #24613F;
  --fift-face-alder-b: #704B12;
  --fift-face-cherry-hi: #8C2242;
  --fift-face-cherry-a: #721A33;
  --fift-face-cherry-b: #5C1225;
  --fift-face-cherry-glow: #A3304F;
  --fift-face-cherry-mid: #7E1C36;
  --fift-face-cherry-deep: #430F1C;
  --fift-face-ivory-a: #FBF7F0;
  --fift-face-ivory-b: #EFE7DC;
  --fift-partner-cherry-deep: #4A0E1D;
  --fift-partner-cherry-lit: #9E2B4A;
  --fift-partner-blue-deep: #16305E;
  --fift-partner-blue-lit: #3A64A8;
  --fift-partner-green-deep: #134236;
  --fift-partner-green-lit: #2F8367;
  --fift-partner-fuchsia-deep: #5E0F3E;
  --fift-partner-fuchsia-lit: #C2378A;
  --fift-partner-blackopal-stone: #15151B;
  --fift-crew-accent: #621427;
  --fift-crew-accent-fill: rgba(98,20,39,.22);
  --fift-crew-attention: #8A6A30;
  --fift-logo-on-light: #621427;
  --fift-logo-on-dark: #F5F0E8;
  --fift-logo-tile: #621427;
  --fift-type-family-interface: -apple-system,BlinkMacSystemFont,'SF Pro Text',Inter,system-ui,sans-serif;
  --fift-type-family-number: ui-serif,'New York','FIFT Serif Digits','Source Serif 4 Display',Georgia,serif;
  --fift-type-family-mono: ui-monospace,'SF Mono','JetBrains Mono',Menlo,Consolas,monospace;
  --fift-type-family-wordmark: 'Cormorant Garamond';
  --fift-type-size-hero: 64px;
  --fift-type-size-hero-pushed: 48px;
  --fift-type-size-large-title: 34px;
  --fift-type-size-figure: 28px;
  --fift-type-size-question: 20px;
  --fift-type-size-body: 17px;
  --fift-type-size-note: 13px;
  --fift-type-weight-regular: 400;
  --fift-type-weight-medium: 500;
  --fift-type-weight-semibold: 600;
  --fift-type-weight-bold: 700;
  --fift-type-desktop-hero: 48px;
  --fift-type-desktop-large-title: 26px;
  --fift-type-desktop-figure: 22px;
  --fift-type-desktop-question: 16px;
  --fift-type-desktop-body: 14px;
  --fift-type-desktop-note: 12px;
  --fift-type-label: 11px;
  --fift-type-measure-body: 66ch;
  --fift-type-measure-title: 22ch;
  --fift-type-leading-body: 1.5;
  --fift-type-leading-title: 1.1;
  --fift-type-leading-tight: 1.25;
  --fift-type-web-hero: clamp(48px, 4vw + 32px, 96px);
  --fift-type-web-display: clamp(34px, 2vw + 24px, 56px);
  --fift-type-web-title: clamp(20px, 0.5vw + 18px, 26px);
  --fift-type-web-lede: clamp(17px, 0.4vw + 16px, 20px);
  --fift-space-4: 4px;
  --fift-space-8: 8px;
  --fift-space-12: 12px;
  --fift-space-16: 16px;
  --fift-space-20: 20px;
  --fift-space-24: 24px;
  --fift-space-32: 32px;
  --fift-space-40: 40px;
  --fift-space-48: 48px;
  --fift-space-64: 64px;
  --fift-space-80: 80px;
  --fift-space-96: 96px;
  --fift-space-128: 128px;
  --fift-space-tight: var(--fift-space-4);
  --fift-space-s: var(--fift-space-8);
  --fift-space-m: var(--fift-space-16);
  --fift-space-l: var(--fift-space-24);
  --fift-space-xl: var(--fift-space-32);
  --fift-space-xxl: var(--fift-space-48);
  --fift-space-page-margin: var(--fift-space-16);
  --fift-space-section: var(--fift-space-96);
  --fift-space-section-compact: var(--fift-space-64);
  --fift-space-row-min: 56px;
  --fift-radius-4: 4px;
  --fift-radius-8: 8px;
  --fift-radius-12: 12px;
  --fift-radius-16: 16px;
  --fift-radius-20: 20px;
  --fift-radius-26: 26px;
  --fift-radius-32: 32px;
  --fift-radius-capsule: 9999px;
  --fift-radius-object: var(--fift-radius-20);
  --fift-radius-card: var(--fift-radius-26);
  --fift-radius-sheet: var(--fift-radius-32);
  --fift-radius-panel: var(--fift-radius-16);
  --fift-radius-box: var(--fift-radius-12);
  --fift-radius-cell: var(--fift-radius-8);
  --fift-radius-tag: var(--fift-radius-4);
  --fift-radius-desktop-control: var(--fift-radius-8);
  --fift-radius-desktop-field: var(--fift-radius-8);
  --fift-radius-desktop-menu: var(--fift-radius-12);
  --fift-radius-desktop-card: var(--fift-radius-12);
  --fift-radius-desktop-panel: var(--fift-radius-16);
  --fift-shadow-object: 0px 6px 24px 0px rgba(0,0,0,.10), 0px 1px 2px 0px rgba(0,0,0,.08);
  --fift-shadow-brand-card: 0px 1px 2px 0px rgba(0,0,0,.10);
  --fift-shadow-prominent: 0px 6px 18px 0px rgba(98,20,39,.28);
  --fift-shadow-float: 0px 1px 2px 0px rgba(27,17,19,.06), 0px 16px 48px -8px rgba(27,17,19,.12);
  --fift-field-opacity-day: 0.22;
  --fift-field-opacity-night: 0.34;
  --fift-field-blur-a: 70px;
  --fift-field-blur-b: 80px;
  --fift-field-height: 380px;
  --fift-ring-line-width: 14px;
  --fift-ring-gap: 0.018;
  --fift-ring-track-day: 0.07;
  --fift-ring-track-night: 0.1;
  --fift-ring-glow: 0.35;
  --fift-motion-curve-smooth-spring: linear(0, 0.0344, 0.1144, 0.215, 0.3208, 0.4229, 0.5164, 0.5994, 0.6711, 0.732, 0.7831, 0.8254, 0.8601, 0.8884, 0.9113, 0.9297, 0.9445, 0.9563, 0.9656, 0.973, 0.9789, 0.9835, 0.9871, 0.99, 0.9922, 0.994, 0.9953, 0.9964, 0.9972, 0.9978, 0.9983, 0.9987, 1);
  --fift-motion-curve-smooth: cubic-bezier(0.3, 0.6, 0.1, 1);
  --fift-motion-curve-snappy-spring: linear(0, 0.032, 0.1098, 0.2115, 0.3223, 0.4323, 0.5351, 0.6273, 0.7074, 0.7751, 0.831, 0.8762, 0.9119, 0.9396, 0.9606, 0.9761, 0.9873, 0.995, 1.0002, 1.0035, 1.0053, 1.0061, 1.0063, 1.006, 1.0055, 1.0048, 1.0041, 1.0034, 1.0028, 1.0022, 1.0017, 1.0013, 1);
  --fift-motion-curve-snappy: cubic-bezier(0.4, 0.8, 0, 1);
  --fift-motion-curve-standard: cubic-bezier(0.42, 0, 0.58, 1);
  --fift-motion-curve-celebrate: cubic-bezier(0.15, 0.85, 0.3, 1);
  --fift-motion-duration-press: 251ms;
  --fift-motion-duration-number: 418ms;
  --fift-motion-duration-layout: 514ms;
  --fift-motion-duration-reveal: 661ms;
  --fift-motion-duration-draw: 1323ms;
  --fift-motion-duration-hover: 264ms;
  --fift-motion-duration-panel: var(--fift-motion-duration-layout);
  --fift-motion-duration-fade: 200ms;
  --fift-motion-delight-glow-delay: 450ms;
  --fift-motion-delight-glow-in: 350ms;
  --fift-motion-delight-glow-hold: 500ms;
  --fift-motion-delight-glow-out: 900ms;
  --fift-motion-delight-celebrate: 1400ms;
  --fift-icon-container: 36px;
  --fift-icon-glyph-ratio: 0.42;
  --fift-icon-weight: 500;
  --fift-icon-fill-day: 0.06;
  --fift-icon-fill-night: 0.1;
  --fift-icon-family: "SF Symbols";
  --fift-button-height: 52px;
  --fift-button-height-compact: 44px;
  --fift-button-radius: 9999px;
  --fift-logo-view-box: "0 0 230 266";
  --fift-logo-wordmark: "FIFT";
  --fift-logo-slogan: "It changes with me.";
  --fift-signature-studio: "FIFT Studio";
  --fift-signature-product: "{product} by FIFT Studio";
  --fift-signature-game: "by FIFT Studio";
  --fift-signature-legal: "\u00a9 {year} FIFT Studio";
  --fift-continue-large-height: 56px;
  --fift-continue-large-font: 18px;
  --fift-continue-large-mark: 21px;
  --fift-continue-large-pad-x: 26px;
  --fift-continue-large-rect-radius: 12px;
  --fift-continue-medium-height: 48px;
  --fift-continue-medium-font: 16px;
  --fift-continue-medium-mark: 18px;
  --fift-continue-medium-pad-x: 22px;
  --fift-continue-medium-rect-radius: 12px;
  --fift-continue-small-height: 40px;
  --fift-continue-small-font: 14px;
  --fift-continue-small-mark: 15px;
  --fift-continue-small-pad-x: 18px;
  --fift-continue-small-rect-radius: 8px;
  /* Continuous corners: border-radius: var(--fift-corner-N); corner-shape: squircle;  (round N where unsupported) */
  --fift-corner-4: 4px;
  --fift-corner-8: 8px;
  --fift-corner-12: 12px;
  --fift-corner-16: 16px;
  --fift-corner-20: 20px;
  --fift-corner-26: 26px;
  --fift-corner-32: 32px;
  --fift-corner-object: var(--fift-corner-20);
  --fift-corner-card: var(--fift-corner-26);
  --fift-corner-sheet: var(--fift-corner-32);
  --fift-corner-panel: var(--fift-corner-16);
  --fift-corner-box: var(--fift-corner-12);
  --fift-corner-cell: var(--fift-corner-8);
  --fift-corner-tag: var(--fift-corner-4);
  --fift-ease-smooth: linear(0, 0.0344, 0.1144, 0.215, 0.3208, 0.4229, 0.5164, 0.5994, 0.6711, 0.732, 0.7831, 0.8254, 0.8601, 0.8884, 0.9113, 0.9297, 0.9445, 0.9563, 0.9656, 0.973, 0.9789, 0.9835, 0.9871, 0.99, 0.9922, 0.994, 0.9953, 0.9964, 0.9972, 0.9978, 0.9983, 0.9987, 1);
  --fift-ease-snappy: linear(0, 0.032, 0.1098, 0.2115, 0.3223, 0.4323, 0.5351, 0.6273, 0.7074, 0.7751, 0.831, 0.8762, 0.9119, 0.9396, 0.9606, 0.9761, 0.9873, 0.995, 1.0002, 1.0035, 1.0053, 1.0061, 1.0063, 1.006, 1.0055, 1.0048, 1.0041, 1.0034, 1.0028, 1.0022, 1.0017, 1.0013, 1);
  --fift-ease-fade: cubic-bezier(0.42, 0, 0.58, 1);
}
/* corner-shape: squircle keeps its curve inside the radius; 1.8x matches Apple's .continuous silhouette. */
@supports (corner-shape: squircle) {
  :root {
    --fift-corner-4: 7px;
    --fift-corner-8: 14px;
    --fift-corner-12: 22px;
    --fift-corner-16: 29px;
    --fift-corner-20: 36px;
    --fift-corner-26: 47px;
    --fift-corner-32: 58px;
  }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fift-make-a: #4FD08B;
    --fift-make-b: #F2C14E;
    --fift-make-ink: #7BE3A7;
    --fift-keep-a: #3CC6C9;
    --fift-keep-b: #6E95FF;
    --fift-keep-ink: #7FDCDE;
    --fift-grow-a: #A88BFF;
    --fift-grow-b: #FF8E7E;
    --fift-grow-ink: #C3B0FF;
    --fift-chief-a: #B02A50;
    --fift-chief-b: #E8607F;
    --fift-chief-ink: #F29AB0;
    --fift-ground-base: #0E0B12;
    --fift-surface: #1C1822;
    --fift-surface-hi: #26212D;
    --fift-ground: #000000;
    --fift-text: #F5F0E8;
    --fift-secondary: #C8C0B8;
    --fift-tertiary: #9F9791;
    --fift-hairline: rgba(255,255,255,.12);
    --fift-tint: #F5F0E8;
    --fift-action-text: #F5F0E8;
    --fift-ring-track: #262322;
    --fift-ring-fill: #F2EBE0;
    --fift-verified: #7FCF95;
    --fift-loss: #E18A7A;
    --fift-glass: rgba(28,26,26,.95);
    --fift-glass-edge: rgba(0,0,0,.55);
    --fift-selection: rgba(247,239,226,.10);
    --fift-fill: rgba(245,240,232,.10);
    --fift-raised: #2A2727;
    --fift-focus: #F5F0E8;
    --fift-verified-fill: rgba(127,207,149,.16);
    --fift-loss-fill: rgba(225,138,122,.16);
    --fift-scrim: rgba(0,0,0,.5);
    --fift-card: #1C1C1E;
    --fift-inset: rgba(245,240,232,.10);
    --fift-cherry-lit: #9E2B4A;
    --fift-glass-solid: #3B3B3D;
    --fift-action-edge: rgba(247,239,226,.16);
    --fift-sheet-card: #2C2C2E;
    --fift-obj-sheen: rgba(255,255,255,.10);
    --fift-crew-accent: #B04B5D;
    --fift-crew-accent-fill: rgba(176,75,93,.22);
    --fift-crew-attention: #B59A6C;
    --fift-shadow-object: 0px 10px 28px 0px rgba(0,0,0,.55);
    --fift-shadow-prominent: 0px 8px 22px 0px rgba(0,0,0,.5);
    --fift-shadow-float: 0px 1px 2px 0px rgba(0,0,0,.40), 0px 24px 64px -12px rgba(0,0,0,.60);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --fift-make-a: #4FD08B;
  --fift-make-b: #F2C14E;
  --fift-make-ink: #7BE3A7;
  --fift-keep-a: #3CC6C9;
  --fift-keep-b: #6E95FF;
  --fift-keep-ink: #7FDCDE;
  --fift-grow-a: #A88BFF;
  --fift-grow-b: #FF8E7E;
  --fift-grow-ink: #C3B0FF;
  --fift-chief-a: #B02A50;
  --fift-chief-b: #E8607F;
  --fift-chief-ink: #F29AB0;
  --fift-ground-base: #0E0B12;
  --fift-surface: #1C1822;
  --fift-surface-hi: #26212D;
  --fift-ground: #000000;
  --fift-text: #F5F0E8;
  --fift-secondary: #C8C0B8;
  --fift-tertiary: #9F9791;
  --fift-hairline: rgba(255,255,255,.12);
  --fift-tint: #F5F0E8;
  --fift-action-text: #F5F0E8;
  --fift-ring-track: #262322;
  --fift-ring-fill: #F2EBE0;
  --fift-verified: #7FCF95;
  --fift-loss: #E18A7A;
  --fift-glass: rgba(28,26,26,.95);
  --fift-glass-edge: rgba(0,0,0,.55);
  --fift-selection: rgba(247,239,226,.10);
  --fift-fill: rgba(245,240,232,.10);
  --fift-raised: #2A2727;
  --fift-focus: #F5F0E8;
  --fift-verified-fill: rgba(127,207,149,.16);
  --fift-loss-fill: rgba(225,138,122,.16);
  --fift-scrim: rgba(0,0,0,.5);
  --fift-card: #1C1C1E;
  --fift-inset: rgba(245,240,232,.10);
  --fift-cherry-lit: #9E2B4A;
  --fift-glass-solid: #3B3B3D;
  --fift-action-edge: rgba(247,239,226,.16);
  --fift-sheet-card: #2C2C2E;
  --fift-obj-sheen: rgba(255,255,255,.10);
  --fift-crew-accent: #B04B5D;
  --fift-crew-accent-fill: rgba(176,75,93,.22);
  --fift-crew-attention: #B59A6C;
  --fift-shadow-object: 0px 10px 28px 0px rgba(0,0,0,.55);
  --fift-shadow-prominent: 0px 8px 22px 0px rgba(0,0,0,.5);
  --fift-shadow-float: 0px 1px 2px 0px rgba(0,0,0,.40), 0px 24px 64px -12px rgba(0,0,0,.60);
}
:root[data-theme="light"] { color-scheme: light; }