/* ONESEA Solutions — design tokens (fonts, colors, typography, spacing).
   Transcribed from the Figma design-system export (_ds/.../tokens/*.css). */

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700&display=swap");

:root {
  /* ---- Brand base ---- */
  --onesea-pink: #ef008a;
  --onesea-pink-dark: #960257;
  --onesea-navy: #002d57;
  --onesea-navy-deep: #001c37;
  --onesea-navy-black: #000912;
  --onesea-gold: #b38d63;
  --onesea-red: #d11d30;

  /* ---- Neutrals ---- */
  --onesea-white: #ffffff;
  --onesea-white-pink: #fff9f9;
  --onesea-ink: #3e3e3e;
  --onesea-gray-300: #d7d7d7;
  --onesea-gray-400: #a7a7a7;

  /* ---- Alpha / effects ---- */
  --onesea-shadow-25: rgba(0, 0, 0, 0.25);
  --onesea-shadow-10: rgba(0, 0, 0, 0.10);
  --onesea-hairline: rgba(255, 255, 255, 0.47);

  /* ---- Semantic aliases ---- */
  --color-accent: var(--onesea-pink);
  --color-accent-press: var(--onesea-pink-dark);
  --text-heading: var(--onesea-navy);
  --text-body: var(--onesea-ink);
  --text-eyebrow: var(--onesea-red);
  --text-on-dark: var(--onesea-white);
  --surface-page: var(--onesea-white);
  --surface-dark: var(--onesea-navy);
  --border-hairline: var(--onesea-gray-400);

  /* ---- Signature gradients ---- */
  --gradient-hero-scrim: linear-gradient(180deg, #002d57 0%, rgba(0, 98, 189, 0) 100%);
  --gradient-footer: linear-gradient(73.842deg, #001c37 0%, #002d57 99.78%);

  /* ---- Families ---- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-display-num: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  /* ---- Weights ---- */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---- Spacing / radii / shadows ---- */
  --item-spacing-s: 16px;
  --line-height-22: 22px;
  --space-2: 8px;
  --space-3: 10px;
  --space-4: 12px;
  --space-5: 15px;
  --space-6: 16px;
  --space-8: 30px;
  --space-9: 31px;
  --space-10: 35px;
  --radius-badge: 20px;
  --radius-pill: 70px;
  --radius-pill-lg: 100px;
  --radius-round: 50%;
  --shadow-card: 0px 4px 4px 0px var(--onesea-shadow-25);
  --shadow-soft: 0px 4px 4px 0px var(--onesea-shadow-10);
  --page-max: 1920px;
  --content-inset: 204px;
  --footer-inset: 300px;
}

/* ===== Sitewide base resets ===== */
html, body { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
#root { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
#root p, #root li { text-wrap: pretty; }
a { color: var(--onesea-pink); text-decoration: none; }
a:hover { color: var(--onesea-navy); }