/* ============================================================
   PDM tokens — assets/css/tokens.css
   Source of truth is theme.json; these --pdm-* aliases give the
   component layer, Elementor, and the standalone preview one
   shared vocabulary. Hex fallbacks keep the file working even
   outside WordPress (e.g. the design-system preview).
   ============================================================ */

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Primary */
  --pdm-teal:        var(--wp--preset--color--teal, #007A7C);
  --pdm-teal-mid:    var(--wp--preset--color--teal-mid, #009A9D);
  --pdm-teal-bright: var(--wp--preset--color--teal-bright, #00BFC3);
  --pdm-teal-light:  var(--wp--preset--color--teal-light, #D0F0F1);
  --pdm-teal-ice:    var(--wp--preset--color--teal-ice, #EAFBFB);

  /* Accent (energy) */
  --pdm-lime:        var(--wp--preset--color--lime, #2DD4A0);
  --pdm-lime-mid:    var(--wp--preset--color--lime-mid, #1AB88A);
  --pdm-electric:    var(--wp--preset--color--electric, #00E5FF);

  /* Neutrals */
  --pdm-ink:         var(--wp--preset--color--ink, #0C1F20);
  --pdm-slate:       var(--wp--preset--color--slate, #2D5355);
  --pdm-mist:        var(--wp--preset--color--mist, #7AADB0);
  --pdm-cloud:       var(--wp--preset--color--cloud, #C2DCDD);
  --pdm-white:       var(--wp--preset--color--white, #FFFFFF);
  --pdm-off-white:   var(--wp--preset--color--off-white, #F5FEFF);

  /* Semantic */
  --pdm-success:     var(--wp--preset--color--success, #1A7A4A);
  --pdm-warning:     var(--wp--preset--color--warning, #B07010);
  --pdm-danger:      var(--wp--preset--color--danger, #B52B27);

  /* Gradient */
  --pdm-gradient-brand: linear-gradient(135deg, #007A7C 0%, #009A9D 100%); /* @kind other */

  /* Type */
  --pdm-font-display: var(--wp--preset--font-family--display, Outfit, system-ui, -apple-system, sans-serif);
  --pdm-font-body:    var(--wp--preset--font-family--body, Inter, system-ui, -apple-system, sans-serif);
  --pdm-font-mono:    var(--wp--preset--font-family--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);

  /* Radius */
  --pdm-radius-sm:   8px;
  --pdm-radius-md:   12px;
  --pdm-radius-lg:   16px;
  --pdm-radius-pill: 999px;

  /* Elevation */
  --pdm-shadow-1: 0 1px 2px rgba(12, 31, 32, .04);
  --pdm-shadow-2: 0 4px 12px rgba(12, 31, 32, .06);
  --pdm-shadow-3: 0 12px 32px rgba(12, 31, 32, .10);

  /* Layout */
  --pdm-container: 1240px;
  --pdm-content:   760px;
  --pdm-mid:       1100px;
}