/**
 * Bricks Child Theme — Design Tokens
 * Derived from the existing brand palette in the Bricks theme.
 * Following impeccable design rules: one accent, real air, no gradient text,
 * no glassmorphism as decoration, no eyebrow/kicker on headings.
 */

:root {
  /* Brand colors (existing, confirmed) */
  --smg-primary:       #022b46;   /* navy — body, headings, footer bg */
  --smg-secondary:     #debe7c;   /* gold — buttons, accents, focus */
  --smg-light:         #f5ebd6;   /* cream — surfaces, cards */
  --smg-neutral-bg:    #dee4e8;   /* light grey — section bg (servicios) */
  --smg-dark-bg:       #032237;   /* deep navy — education section gradient start */

  /* Semantic roles */
  --smg-canvas:        #ffffff;
  --smg-text:          var(--smg-primary);
  --smg-text-muted:    #4a5568;
  --smg-text-on-dark:  #f5ebd6;
  --smg-action:        var(--smg-secondary);
  --smg-action-hover:  #c9b46a;
  --smg-action-text:   var(--smg-primary);
  --smg-border:        #d1d9e0;
  --smg-border-strong: #aeb8c2;

  /* Shadows — offset + soft blur (no zero-offset halo) */
  --smg-shadow-sm: 0 1px 2px rgba(2, 43, 70, 0.06);
  --smg-shadow-m:  0 4px 16px rgba(2, 43, 70, 0.08);
  --smg-shadow-l:  0 12px 40px rgba(2, 43, 70, 0.12);

  /* Radii — 12–16px cards, pills for small controls */
  --smg-radius-s: 8px;
  --smg-radius-m: 12px;
  --smg-radius-l: 16px;
  --smg-radius-full: 9999px;

  /* Type scale — display max 6rem, body measure 45–75ch */
  --smg-text-xs:   clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --smg-text-s:    clamp(0.875rem, 0.82rem + 0.3vw, 1rem);
  --smg-text-m:    clamp(1rem, 0.94rem + 0.36vw, 1.125rem);
  --smg-text-l:    clamp(1.125rem, 1.06rem + 0.42vw, 1.25rem);
  --smg-text-xl:   clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);
  --smg-text-2xl:  clamp(2rem, 1.75rem + 1.25vw, 2.5rem);
  --smg-text-3xl:  clamp(2.5rem, 2.1rem + 2vw, 3.5rem);
  --smg-text-4xl:  clamp(3rem, 2.5rem + 2.5vw, 4.5rem);
  --smg-text-5xl:  clamp(3.5rem, 2.9rem + 3vw, 5.5rem);
  --smg-text-display: clamp(3rem, 2.4rem + 3.5vw, 6rem);

  /* Spacing — 4-unit base, deliberate contrast */
  --smg-space-2xs: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
  --smg-space-xs:  clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
  --smg-space-s:   clamp(1rem, 0.85rem + 0.75vw, 1.5rem);
  --smg-space-m:   clamp(1.5rem, 1.25rem + 1.25vw, 2rem);
  --smg-space-l:   clamp(2rem, 1.6rem + 2vw, 2.75rem);
  --smg-space-xl:  clamp(2.5rem, 2rem + 2.5vw, 3.5rem);
  --smg-space-2xl: clamp(3rem, 2.4rem + 3vw, 4.5rem);
  --smg-space-3xl: clamp(4rem, 3rem + 5vw, 6rem);

  /* Measure — 45–75ch for body */
  --smg-measure: 65ch;

  /* Tracking floor -0.04em, use -0.02 to -0.03em */
  --smg-tracking-heading: -0.02em;
  --smg-tracking-button: -0.04em;

  /* Motion — exponential ease-out, one authored moment */
  --smg-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --smg-duration-fast: 150ms;
  --smg-duration-m: 300ms;
  --smg-duration-slow: 600ms;
}

/* Reduced motion path — intentional alternative, not disabled motion */
@media (prefers-reduced-motion: reduce) {
  :root {
    --smg-duration-fast: 0ms;
    --smg-duration-m: 0ms;
    --smg-duration-slow: 0ms;
  }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}