/* Airbnb tokens generated deterministically by Pixloop Design.md */
/* Add after: @import "tailwindcss"; */

@theme {
  --color-primary: #ff385c;
  --color-primary-strong: #e61e4d;
  --color-on-primary: #ffffff;
  --color-ink: #222222;
  --color-ink-strong: #1b1b1b;
  --color-ink-dark: #111111;
  --color-body: #6a6a6a;
  --color-body-muted: #6a6a6a;
  --color-canvas: #ffffff;
  --color-surface-soft: #f7f7f7;
  --color-surface-muted: #efefef;
  --color-surface-offwhite: #efefef;
  --color-surface-dark: #1b1b1b;
  --color-surface-dark-alt: #262626;
  --color-neutral-strong: #313131;
  --color-neutral-muted: #b0b0b0;
  --color-hairline: #dddddd;
  --color-destructive: #c13515;
  --color-warning: #e07912;
  --color-success: #12a139;
  --color-accent-coral: #e74d2e;
  --color-accent-magenta: #e31c5f;
  --color-accent-magenta-vibrant: #e61e4d;
  --color-accent-berry: #bd1e59;
  --color-accent-berry-deep: #861453;
  --color-accent-plum: #92174d;
  --color-accent-plum-deep: #6c0d63;
  --color-accent-violet: #460479;
  --color-accent-violet-dark: #59086e;
  --color-accent-violet-rich: #440589;
  --color-accent-indigo: #3b07bb;
  --color-accent-rust: #c13515;
  --color-accent-rust-deep: #b32505;
  --color-accent-rose: #ff66ab;
  --color-accent-pink: #ef6ed6;
  --color-accent-lavender: #c980ff;
  --color-accent-periwinkle: #a39dff;
  --color-surface-warm-soft: #fff8f6;
  --color-black: #000000;
  --color-hairline-soft: #ebebeb;
  --color-accent-magenta-deep: #d70466;
  --color-accent-bg: #8c8c8c;
  --color-accent-bg-2: #ff497d;

  --radius-card: 20px;
  --radius-badge: 14px;
  --radius-control: 8px;
  --radius-pill: 100px;
  --radius-modal: 32px;
  --radius-circle: 50%;

  --spacing-micro: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-section: 36px;
  --spacing-container: 1905px;
  --spacing-grid-gap: 24px;

  --font-heading-xl: "Airbnb Cereal VF", Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --font-heading-lg: "Airbnb Cereal VF", Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --font-heading-md: "Airbnb Cereal VF", Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --font-body-default: "Airbnb Cereal VF", Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --font-body-semibold: "Airbnb Cereal VF", Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --font-caption: "Airbnb Cereal VF", Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --font-caption-bold: "Airbnb Cereal VF", Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
}

/* Typography roles */
/* heading-xl: 28px / 700 / lh 1.43 / ls normal */
/* heading-lg: 22px / 600 / lh 1.18 / ls -0.02em */
/* heading-md: 20px / 600 / lh 1.2 / ls -0.01em */
/* body-default: 14px / 400 / lh 1.43 / ls normal */
/* body-semibold: 14px / 600 / lh 1.43 / ls normal */
/* caption: 12px / 400 / lh 1.33 / ls normal */
/* caption-bold: 12px / 700 / lh 1.33 / ls normal */
