/* GitAway design tokens. Source of truth: design-system/DESIGN-SYSTEM.md */
:root {
  /* THE SCALE. Every size in the CSS is rem, so this one number sizes the whole site.
     12px = 75% of the browser default (F-030). Phones go back to 16px below, so type stays readable. */
  font-size: 12px;
  --text-min: 11px;  /* no text renders smaller than this on desktop and tablet; phones raise it to 13px (F-034) */

  --font-display: 'Bricolage Grotesque', 'Figtree', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Figtree', 'Segoe UI', system-ui, sans-serif;
  --font-hand: 'Caveat', cursive;

  --ink: #1E1A2E;
  --ink-2: #4A4460;
  --ink-3: #5A5470;
  --ink-ledge: #000000;
  --paper: #FFF8EE;
  --card: #FFFFFF;
  --line: rgba(30, 26, 46, 0.08);

  --coral: #FF7352;
  --coral-deep: #C9431F;
  --sun: #FFC93C;   --sun-tint: #FFF1C2;   --sun-ink: #8A6200;
  --mint: #48D1A0;  --mint-tint: #D4F7EA;  --mint-ink: #16865F;
  --sky: #5AB0FF;   --sky-tint: #DDEEFF;   --sky-ink: #1B6FC9;
  --grape: #C3B2FF; --grape-tint: #ECE4FF; --grape-ink: #6A4FD6;
  --bubble: #FF8CC6; --bubble-tint: #FFE3F1; --bubble-ink: #C23B82;

  --block-sunset: #FF8A63;   /* landing hero blocks */
  --block-pacific: #6DB8FF;

  --skeleton: #F2ECE3;
  --skeleton-band: #FBF7F1;
  --peach: #FFC9B2;     /* sign-in sky: the warm band */
  --sand: #FFE3A3;      /* sign-in sky: the beach */
  --paper-2: #FAF7F2;   /* a step darker than paper: the boarding-pass stub */

  --r-sm: 0.75rem;
  --r-md: 1.25rem;
  --r-lg: 1.75rem;
  --r-xl: 2.5rem;
  --r-pill: 999px;

  --shadow-sm: 0 0.125rem 0.1875rem -1px rgba(0,0,0,.1), 0 0 0 1px rgba(25,28,33,.08);
  --shadow-md: 0 0 0 1px rgba(0,0,0,.06), 0 0.1875rem 0.1875rem -0.0938rem rgba(0,0,0,.06), 0 0.75rem 0.75rem -0.375rem rgba(0,0,0,.06);
  --shadow-lg: 0 0.4188rem 0.3312rem rgba(0,0,0,.048), 0 1.3938rem 1.1187rem rgba(0,0,0,.072), 0 2.6125rem 2.0875rem rgba(0,0,0,.086);
  --shadow-sticker: 0 0.375rem 0.875rem -0.375rem rgba(30,26,46,.35);

  --ease-spring: cubic-bezier(.2, .9, .3, 1.3);
  --ease-out: cubic-bezier(.2, .8, .2, 1);
}

@media (max-width: 720px) { :root { font-size: 16px; --text-min: 13px; } }

/* Itinerary themes: one layout, the contributor picks a theme. */
[data-theme="sunset"], :root {
  --ground: #FFF8EE;
  --accent: #FF7352;
  --accent-deep: #C9431F;
  --accent-2: #FFC93C;
  --accent-tint: #FFE6DA;
  --tape: rgba(255, 201, 60, .75);
  --tape-2: rgba(255, 115, 82, .55);
  --note: #FFF1C2;
  --timeline: #FFB59F;
}
[data-theme="pacific"] {
  --ground: #F4F9FF;
  --accent: #3B9BFF;
  --accent-deep: #1B5FB8;
  --accent-2: #48D1A0;
  --accent-tint: #DDEEFF;
  --tape: rgba(72, 209, 160, .60);
  --tape-2: rgba(59, 155, 255, .45);
  --note: #D8F6EA;
  --timeline: #9CCBFF;
}