/* Cubiture design tokens. This copy ships with the theme and is the source of truth.
   The reasoning behind each value is in docs/design-tokens.md. */
:root{
  /* Color: brand (from the live site) */
  --cub-ink:#050815;            /* text, dark surfaces. Elementor "primary" */
  --cub-orange:#F26222;         /* brand accent. Elementor "accent" */
  --cub-orange-soft:#EF6A3B;    /* second orange already in the kit. Hover state */
  --cub-slate:#5B6464;          /* grey block in the logo. Approximate, confirm from the brand file */
  --cub-white:#FFFFFF;

  /* Color: added for the new theme */
  --cub-orange-text:#BF4510;    /* orange dark enough for text links on white (5.2 to 1) */
  --cub-surface:#FFFFFF;
  --cub-surface-alt:#F4F3F0;    /* quiet band behind sections */
  --cub-line:#DEDCD6;           /* borders and dividers */
  --cub-muted:#565B66;          /* secondary text on light (6.8 to 1) */
  --cub-ink-soft:#2A2E3B;       /* long body copy on light. Softer than ink (13.5 to 1) */
  --cub-field-border:#8A8F9A;   /* form field borders (3.2 to 1 on white, meets the 3 to 1 rule for controls) */
  --cub-on-ink:#FFFFFF;
  --cub-on-ink-muted:#C9CDD6;   /* secondary text on ink (12.5 to 1) */

  /* Color: roles */
  --cub-button-bg:var(--cub-orange);
  --cub-button-text:var(--cub-ink);     /* ink on orange is 6.2 to 1. White on orange is 3.2 to 1 */
  --cub-link:var(--cub-orange-text);
  --cub-focus:#1B5FD9;

  /* Type */
  --cub-font-head:"Jost","Futura","Century Gothic",system-ui,sans-serif;
  --cub-font-body:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --cub-weight-head:500;
  --cub-text-xs:0.8125rem;   /* 13 */
  --cub-text-sm:0.875rem;    /* 14 */
  --cub-text-base:1rem;      /* 16 */
  --cub-text-lg:1.125rem;    /* 18 */
  --cub-h3:clamp(1.25rem,1.1rem + 0.6vw,1.5rem);
  --cub-h2:clamp(1.625rem,1.3rem + 1.4vw,2.5rem);
  --cub-h1:clamp(2.125rem,1.5rem + 2.8vw,3.75rem);
  --cub-leading-body:1.6;
  --cub-leading-head:1.15;

  /* Space (4px base) */
  --cub-space-1:4px; --cub-space-2:8px; --cub-space-3:12px; --cub-space-4:16px;
  --cub-space-5:24px; --cub-space-6:32px; --cub-space-7:48px; --cub-space-8:64px; --cub-space-9:96px;

  /* Layout */
  --cub-container:1200px;
  --cub-gutter:24px;
  --cub-header-h:76px;

  /* Shape and depth */
  --cub-radius-sm:4px; --cub-radius:8px;
  --cub-shadow:0 8px 24px rgba(5,8,21,.12);
  --cub-ease:160ms ease;
}