:root {
  /* nombres reales del :root de 14islands.com */
  --color-almost-black: #070707;
  --color-background: #F2F2F2;
  --color-white: #FFFFFF;
  --color-sand: #EAE5DF;
  --color-sand-highlight: #A59D92;
  --color-grey-highlight-dark: #797979;
  --color-grey-highlight-light: #A2A2A9;
  --color-beige-theme-animated-text-highlight-bg: #E4DED7;
  --color-dark-theme-animated-text-highlight-bg: #26272A;

  /* paleta de proyecto tokenizada (real) */
  --color-aila-purple: #A5A9FD;
  --color-aila-yellow: #FFCA6B;
  --color-aila-grey: #1F1F1F;
  --color-aila-almost-black: #101010;
  /* limón HeroKit, medido por área en el canvas WebGL: #FFF38B */

  --font-display: "Work Sans";      /* sustituta de Aften Screen */
  --font-body: "Libre Franklin";    /* sustituta de Benton Sans */

  --radius-soft: 5px;               /* thumbs y controles; el texto sin caja */
  --shadow: none;                   /* cero sombras medidas */

  /* espaciado maestro (real) */
  --indent: max(0.9375rem, 3.7615740741vw);
  --menuNavigationHeight: max(5rem, 7.6967592593vw);
  --breakpoint-medium: 600px;
  --breakpoint-desktop: 900px;
  --breakpoint-large: 1400px;

  /* easings reales (25 tokens; los principales) */
  --ease-cubic: cubic-bezier(0.66, 0, 0.34, 1);
  --ease-expo-out: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-quint-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-back-out: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-back-out-more: cubic-bezier(0.56, 0.91, 0.465, 1.65);
}

@theme {
  --color-almost-black: #070707;
  --color-background: #F2F2F2;
  --color-white: #FFFFFF;
  --color-sand: #EAE5DF;
  --color-sand-highlight: #A59D92;
  --color-grey-mid: #797979;
  --color-grey-soft: #A2A2A9;
  --color-highlight-beige: #E4DED7;
  --color-highlight-dark: #26272A;
  --color-aila-purple: #A5A9FD;
  --color-aila-yellow: #FFCA6B;
  --color-aila-grey: #1F1F1F;
  --color-aila-almost-black: #101010;
  --color-lemon-herokit: #FFF38B;

  --font-display: "Work Sans", "Helvetica Neue", sans-serif;
  --font-body: "Libre Franklin", Arial, sans-serif;

  --radius-soft: 5px;

  --spacing-indent: max(0.9375rem, 3.76vw);
  --spacing-nav: max(5rem, 7.7vw);

  --ease-cubic: cubic-bezier(0.66, 0, 0.34, 1);
  --ease-expo-out: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-back-out-more: cubic-bezier(0.56, 0.91, 0.465, 1.65);

  --text-display-hero: 19.7vw;   /* 314.81px @1600, LH 0.8, -0.05em */
  --text-display-md: 5.2vw;      /* 83.33px @1600, LH 1.0, -0.04em */
  --text-body: 16px;             /* LH 1.5 */
  --text-label: 12.96px;         /* uppercase, LH 1.4 */
}

{
  "colors": {
    "almost-black": "#070707",
    "background": "#F2F2F2",
    "white": "#FFFFFF",
    "sand": "#EAE5DF",
    "sand-highlight": "#A59D92",
    "grey-mid": "#797979",
    "grey-soft": "#A2A2A9",
    "highlight-beige": "#E4DED7",
    "highlight-dark": "#26272A",
    "project": {
      "aila-purple": "#A5A9FD",
      "aila-yellow": "#FFCA6B",
      "aila-grey": "#1F1F1F",
      "aila-almost-black": "#101010",
      "herokit-lemon": "#FFF38B"
    }
  },
  "typography": {
    "display-hero": {
      "fontFamily": "Aften Screen",
      "substitute": "Work Sans",
      "fontSize": "314.81px @1600 (fluido en vw)",
      "fontWeight": 400,
      "lineHeight": "0.8",
      "letterSpacing": "-0.05em"
    },
    "display-md": {
      "fontFamily": "Aften Screen",
      "substitute": "Work Sans",
      "fontSize": "83.33px @1600",
      "fontWeight": 400,
      "lineHeight": "1.0",
      "letterSpacing": "-0.04em"
    },
    "accent-italic": {
      "fontFamily": "Aften Screen Italic",
      "substitute": "Work Sans Italic",
      "fontWeight": 400
    },
    "body": {
      "fontFamily": "Benton Sans",
      "substitute": "Libre Franklin",
      "fontSize": "16px",
      "fontWeight": 400,
      "lineHeight": "1.5",
      "letterSpacing": "normal"
    },
    "label": {
      "fontFamily": "Benton Sans",
      "substitute": "Libre Franklin",
      "fontSize": "12.96px",
      "fontWeight": 400,
      "lineHeight": "1.4",
      "letterSpacing": "normal",
      "textTransform": "uppercase"
    }
  },
  "rounded": {
    "soft": "5px",
    "text": "0px"
  },
  "shadow": {
    "system": "none"
  },
  "spacing": {
    "indent": "max(0.9375rem, 3.7615740741vw)",
    "menu-height": "max(5rem, 7.6967592593vw)",
    "breakpoints": [600, 900, 1400]
  },
  "motion": {
    "ease-cubic": "cubic-bezier(0.66, 0, 0.34, 1)",
    "ease-expo-out": "cubic-bezier(0.19, 1, 0.22, 1)",
    "ease-quint-out": "cubic-bezier(0.23, 1, 0.32, 1)",
    "ease-back-out-more": "cubic-bezier(0.56, 0.91, 0.465, 1.65)",
    "architecture": "lenis + canvas WebGL global (r3f-scroll-rig, autoría propia)",
    "html-classes": "js-has-global-canvas lenis lenis-smooth js-smooth-scrollbar-enabled"
  }
}

__DSG_EMBED__