/*
Theme Name: Quantisk Child
Template: hello-elementor
Version: 1.0.1
Description: Quantisk · Web corporativa coherente con app.quantisk.com (Inter + CTA gradient)
*/

/* =========================================================
   BASE / RESET
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
img{ max-width:100%; height:auto; display:block; }

/* =========================================================
   VARIABLES / PALETA QUANTISK (SOURCE OF TRUTH = APP)
========================================================= */
:root{
  /* App palette */
  --blue-deep: #0046A6;
  --blue-primary: #00AEEF;
  --blue-intermediate: #0369A1;

  /* Text */
  --q-text-main: #0F172A;
  --q-text-soft: #6B7280;
  --q-text-soft-2: #9CA3AF;

  /* Surfaces */
  --q-bg-app: #F3F4F6;
  --q-bg-card: #FFFFFF;
  --q-bg-muted: #F9FAFB;

  /* Borders / radius */
  --q-border-solid: #E5E7EB;
  --q-border: rgba(15,23,42,.10);
  --q-radius: 16px;

  /* Legacy aliases used in templates/css */
  --q-primary: var(--blue-primary);
  --q-primary-d: var(--blue-deep);
  --q-primary-700: var(--blue-intermediate);

  /* CTA gradient (btn-corporate) */
  --q-cta-gradient: linear-gradient(90deg, #0046A6 0%, #00AEEF 100%);
}

/* =========================================================
   GLOBAL TYPOGRAPHY / BODY
========================================================= */
body{
  color: var(--q-text-main);
  background:#fff;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Links */
a{ color: var(--blue-deep); }
a:hover{ color: var(--blue-primary); }

/* Optional: consistent selection */
::selection{ background: rgba(0,174,239,.22); }