/* iCargos — Design Tokens
   Extracted from GHL export, organized as CSS custom properties.
   The GHL design-system stylesheet (entry.iSOF46tA.css) handles
   component-level styling; this file provides brand tokens and
   any overrides for the re-platformed Astro build. */

:root {
  /* Brand — Primary (teal/cyan) */
  --brand: #029eca;
  --brand-dark: #105e80;
  --brand-gradient-start: #319bc9;
  --brand-gradient-end: #0d688c;
  --brand-cta-start: #077d9f;
  --brand-cta-end: #0f6184;

  /* Brand — Secondary (orange) */
  --accent: #ed8419;
  --accent-dark: #d7730e;
  --accent-border: #d5720e;

  /* Surfaces */
  --bg: #ffffff;
  --bg-alt: #f3f8fb;
  --bg-muted: #f5f5f5;

  /* Text */
  --ink: #171717;
  --ink-muted: #555555;
  --ink-subtle: #5f6168;
  --ink-placeholder: #8c8c8c;

  /* Borders & shadows */
  --hairline: #e9ecef;
  --border-light: #c2c2c2;
  --shadow-sm: 0 0 15px 0 rgba(18, 17, 17, 0.48);
  --shadow-card: 0 10px 60px rgba(0, 0, 0, 0.07);

  /* Radii */
  --r-card: 20px;
  --r-btn: 3px;

  /* Layout */
  --max-w: 1360px;
  --gutter: 80px;

  /* Type */
  --ff-body: "Inter", system-ui, -apple-system, sans-serif;
  --ff-heading: "Inter", system-ui, -apple-system, sans-serif;
}

@media (max-width: 1250px) {
  :root { --gutter: 10px; }
}

/* Base reset additions (GHL entry CSS handles most resets) */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--ff-body);
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

/* GHL preview wrapper — the builder uses this for edit-mode borders;
   in production it just needs to fill the viewport. */
.preview-container,
.hl_page-preview--content {
  width: 100%;
}

.hl_page-preview--content .c-section,
.hl_page-preview--content .c-row,
.hl_page-preview--content .c-column,
.hl_page-preview--content [class*="section-"],
.hl_page-preview--content [class*="row-"],
.hl_page-preview--content [class*="col-"] {
  border: none !important;
}