/*
Theme Name: Hello-syncro-quotes
Theme URI: https://syncro.local/hello-syncro-quotes
Description: Child theme Hello Elementor per gestione preventivi professionali e dashboard operativa agency.
Author: Syncro
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-syncro-quotes
Domain Path: /languages
*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap');

:root {
  --hsq-bg-0: #f2f6fb;
  --hsq-bg-1: #ecf4f0;
  --hsq-surface: #ffffff;
  --hsq-surface-soft: #f8fafc;
  --hsq-border: #d8e1ec;
  --hsq-text: #0f172a;
  --hsq-muted: #556179;
  --hsq-primary: #0d9488;
  --hsq-primary-600: #0f766e;
  --hsq-primary-soft: #ccfbf1;
  --hsq-warn: #d97706;
  --hsq-danger: #dc2626;
  --hsq-success: #16a34a;
  --hsq-shadow: 0 18px 48px rgba(16, 24, 40, 0.08);
  --hsq-shadow-soft: 0 10px 26px rgba(16, 24, 40, 0.06);
  --hsq-radius-lg: 18px;
  --hsq-radius-md: 12px;
  --hsq-radius-sm: 10px;
}

.hsq-app-root,
.hsq-access-block {
  font-family: 'Plus Jakarta Sans', 'Segoe UI', Tahoma, sans-serif;
  color: var(--hsq-text);
}

.hsq-access-block {
  padding: 28px;
  border-radius: var(--hsq-radius-lg);
  border: 1px solid var(--hsq-border);
  background: linear-gradient(140deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: var(--hsq-shadow-soft);
}

.hsq-heading,
.hsq-nav-title,
.hsq-kpi-value,
.hsq-total-value {
  font-family: 'Sora', 'Segoe UI', Tahoma, sans-serif;
}

/* Legacy widget fallback */
.sq-card {
  border: 1px solid var(--hsq-border);
  border-radius: var(--hsq-radius-md);
  padding: 14px;
  background: #fff;
}

.sq-grid {
  display: grid;
  gap: 10px;
}

.sq-muted {
  color: var(--hsq-muted);
}