/* ============================================================
   SurgiHub — Design Tokens
   Two directions: "institucional" (default) and "tech"
   ============================================================ */

:root,
[data-theme="institucional"] {
  /* ── Brand ─────────────────────────────────────────────── */
  --sh-blue-900: #001C4A;
  --sh-blue-800: #002456;
  --sh-blue-700: #003173;   /* Azul Conexão — primary */
  --sh-blue-600: #0B4694;
  --sh-blue-500: #1E5EB5;
  --sh-blue-400: #5887D1;
  --sh-blue-300: #9DB8E2;
  --sh-blue-200: #CEDCEF;
  --sh-blue-100: #E6EDF7;
  --sh-blue-50:  #F3F6FC;

  --sh-green-900: #005E47;
  --sh-green-800: #007759;
  --sh-green-700: #009C74;
  --sh-green-600: #00B088;
  --sh-green-500: #00C897;   /* Verde Cirúrgico */
  --sh-green-400: #36D4AA;
  --sh-green-300: #77E2C4;
  --sh-green-200: #B4EEDC;
  --sh-green-100: #DDF7EE;
  --sh-green-50:  #EEFBF6;

  /* ── Neutrals ──────────────────────────────────────────── */
  --sh-ink-900: #101318;
  --sh-ink-800: #1B2028;
  --sh-ink-700: #2A313C;
  --sh-ink-600: #333333;    /* Cinza Estrutura */
  --sh-ink-500: #4B525E;
  --sh-ink-400: #6B7280;
  --sh-ink-300: #9AA1AC;
  --sh-ink-200: #C8CDD5;
  --sh-ink-150: #DCE0E6;
  --sh-ink-100: #E8EBF0;
  --sh-ink-75:  #F0F2F6;
  --sh-ink-50:  #F7F8FB;
  --sh-ink-25:  #FAFBFD;
  --sh-white:   #FFFFFF;

  /* ── Feedback ──────────────────────────────────────────── */
  --sh-success: #00A57E;
  --sh-warning: #C48A00;
  --sh-danger:  #C4302B;
  --sh-info:    #1E5EB5;

  --sh-success-surface: #E6F6F0;
  --sh-warning-surface: #FBF2DA;
  --sh-danger-surface:  #FAE4E3;
  --sh-info-surface:    #E6EDF7;

  /* ── Semantic ──────────────────────────────────────────── */
  --sh-bg:            var(--sh-white);
  --sh-bg-subtle:     var(--sh-ink-25);
  --sh-bg-muted:      var(--sh-ink-50);
  --sh-surface:       var(--sh-white);
  --sh-border:        var(--sh-ink-150);
  --sh-border-strong: var(--sh-ink-200);
  --sh-divider:       var(--sh-ink-100);

  --sh-text:          var(--sh-ink-900);
  --sh-text-body:     var(--sh-ink-600);
  --sh-text-muted:    var(--sh-ink-400);
  --sh-text-subtle:   var(--sh-ink-300);
  --sh-text-inverse:  var(--sh-white);

  --sh-primary:       var(--sh-blue-700);
  --sh-primary-hover: var(--sh-blue-800);
  --sh-primary-active:var(--sh-blue-900);
  --sh-primary-soft:  var(--sh-blue-100);
  --sh-primary-fg:    var(--sh-white);

  --sh-accent:        var(--sh-green-500);
  --sh-accent-hover:  var(--sh-green-600);
  --sh-accent-soft:   var(--sh-green-100);
  --sh-accent-fg:     var(--sh-blue-900);

  /* ── Radii ─────────────────────────────────────────────── */
  --sh-r-xs: 4px;
  --sh-r-sm: 6px;
  --sh-r-md: 10px;
  --sh-r-lg: 14px;
  --sh-r-xl: 20px;
  --sh-r-pill: 999px;

  /* ── Elevation ─────────────────────────────────────────── */
  --sh-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.06);
  --sh-shadow-sm: 0 2px 4px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
  --sh-shadow-md: 0 8px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.04);
  --sh-shadow-lg: 0 16px 28px -8px rgba(16, 24, 40, 0.12), 0 8px 10px -4px rgba(16, 24, 40, 0.05);
  --sh-shadow-xl: 0 24px 48px -12px rgba(16, 24, 40, 0.18);
  --sh-ring-primary: 0 0 0 3px rgba(0, 49, 115, 0.18);
  --sh-ring-accent:  0 0 0 3px rgba(0, 200, 151, 0.22);
  --sh-ring-danger:  0 0 0 3px rgba(196, 48, 43, 0.18);

  /* ── Spacing (4pt base) ────────────────────────────────── */
  --sh-s-0: 0;
  --sh-s-1: 4px;
  --sh-s-2: 8px;
  --sh-s-3: 12px;
  --sh-s-4: 16px;
  --sh-s-5: 20px;
  --sh-s-6: 24px;
  --sh-s-8: 32px;
  --sh-s-10: 40px;
  --sh-s-12: 48px;
  --sh-s-16: 64px;
  --sh-s-20: 80px;

  /* ── Type ──────────────────────────────────────────────── */
  --sh-font: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sh-font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Motif */
  --sh-hex-stroke: rgba(0, 49, 115, 0.10);
  --sh-hex-stroke-accent: rgba(0, 200, 151, 0.35);
}

/* ============================================================
   TECH variant — same tokens, shifted toward inovação
   ============================================================ */
[data-theme="tech"] {
  --sh-primary:       #0A1B3D;            /* deeper navy */
  --sh-primary-hover: #091538;
  --sh-primary-active:#060F2A;
  --sh-primary-soft:  #E6EDF7;
  --sh-primary-fg:    #E8FFF7;

  --sh-accent:        #00E0A8;
  --sh-accent-hover:  #00C897;
  --sh-accent-soft:   #D9FBF0;
  --sh-accent-fg:     #062B22;

  --sh-bg:            #F7F9FB;
  --sh-bg-subtle:     #F2F5F8;
  --sh-bg-muted:      #EDF1F5;
  --sh-surface:       #FFFFFF;
  --sh-border:        #DEE4EC;
  --sh-border-strong: #C4CCD7;

  --sh-text:          #07101F;
  --sh-text-body:     #2F3847;
  --sh-text-muted:    #5F6A7A;

  --sh-shadow-md: 0 10px 24px -8px rgba(7, 16, 31, 0.10), 0 2px 6px rgba(7, 16, 31, 0.04);
  --sh-shadow-lg: 0 24px 48px -12px rgba(7, 16, 31, 0.18);
  --sh-ring-primary: 0 0 0 3px rgba(10, 27, 61, 0.22);
  --sh-ring-accent:  0 0 0 3px rgba(0, 224, 168, 0.28);

  --sh-r-md: 12px;
  --sh-r-lg: 18px;
  --sh-r-xl: 26px;

  --sh-hex-stroke: rgba(7, 16, 31, 0.08);
  --sh-hex-stroke-accent: rgba(0, 224, 168, 0.45);
}