/**
 * Aqua Studio Theme — tokens.css — v1.0.0 — Job 2026-07-04-egfs-launch wave 2
 * AUTO-GENERATED from build/tokens.json by build/tokens-to-css.php — DO NOT EDIT DIRECTLY.
 * Regenerate with: php build/tokens-to-css.php
 */

:root {
  /* color */
  --color-base-lagoon-light: #EFD8AC;
  --color-base-clear-mid: #78417D;
  --color-base-luminous-deep: #673272;
  --color-ink-text-primary: #3A2A40;
  --color-ink-text-inverse: #F9FDEC;
  --color-category-keys-main-brand: #673272;
  --color-category-keys-freshwater: #1C5F4F;
  --color-category-keys-freshwater-tint: #DDEEEA;
  --color-category-keys-planted-accent: #57772C;
  --color-category-keys-planted-pip: #374F17;
  --color-category-keys-marine: #673272;
  --color-category-keys-coral-accent: #BF4A6D;
  --color-category-keys-coral-pip: #7E2540;
  --color-category-keys-coral-tag: #E6BCC9;
  --color-category-keys-automation: #656383;
  --color-category-keys-livestock: #EFD8AC;
  --color-semantic-success-eco: #438F49;
  --color-semantic-reef-coral-magenta: #78417D;
  /* cta */
  --cta-signal-primary: #673272;
  --cta-pip-livestock: #EFD8AC;
  /* type */
  --type-display-en: "Baloo 2";
  --type-text-en: "Inter";
  --type-google-fonts-link: https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap;
  --type-hero-h1-en-px: 52px;
  --type-hero-h1-ar-px: 26px;
  --type-section-title-en-px: 28px;
  --type-section-title-ar-px: 16px;
  --type-body-en-px: 16.5px;
  --type-body-ar-px: 17px;
  --type-price-px: 23px;
  --type-badge-label-px: 12px;
  /* spacing */
  --spacing-board-padding-x: 48px;
  --spacing-nav-height: 120px;
  --spacing-card-gap: 22px;
  --spacing-card-body-padding: 18px 20px 22px 20px;
  --spacing-card-img-height: 168px;
  /* radii */
  --radii-card: 18px;
  --radii-card-small: 12px;
  --radii-cta-button: 999px;
  --radii-badge-pill: 20px;
  --radii-nav-cat-chip: 20px;
  /* elevation */
  --elevation-card-shadow: 0 10px 28px rgba(103,50,114,.12);
  --elevation-hairline: rgba(103,50,114,.18);
  /* surfaces */
  --surfaces-lifted-opaque: #FFFFFF;
  --surfaces-lifted-tint: #F9FDEC;
  --surfaces-lifted-deep-opaque: #673272;
  --surfaces-reef-darkest-gutter: #3A2A40;
  /* badge */
  --badge-in-region-lagoon-bg: #EFD8AC;
  --badge-in-region-lagoon-text: #673272;
  --badge-in-region-lagoon-dot: #438F49;
  --badge-in-region-reef-bg: #673272;
  --badge-in-region-reef-text: #F9FDEC;
  --badge-in-region-reef-dot: #EFD8AC;
  --badge-sourced-to-order-lagoon-bg: #DCEDCB;
  --badge-sourced-to-order-lagoon-text: #2E5E31;
  --badge-sourced-to-order-lagoon-dot: #438F49;
  --badge-sourced-to-order-reef-text: #F9FDEC;
  --badge-sourced-to-order-reef-dot: #438F49;
  --badge-import-sourced-to-order-lagoon-bg: #F3E7D2;
  --badge-import-sourced-to-order-lagoon-text: #8A5A22;
  --badge-import-sourced-to-order-lagoon-border: rgba(239,216,172,.6);
  --badge-import-sourced-to-order-lagoon-dot: #EFD8AC;
  --badge-import-sourced-to-order-reef-bg: rgba(239,216,172,.22);
  --badge-import-sourced-to-order-reef-text: #EFD8AC;
  --badge-import-sourced-to-order-reef-dot: #EFD8AC;
}