:root{
  --gt-z: 99999;
  --gt-font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  --gt-radius: 16px;
  --gt-shadow: 0 10px 30px rgba(0,0,0,.15);

  --gt-accent: #2563eb;
  --gt-bg: #ffffff;
  --gt-surface: #ffffff;
  --gt-border: rgba(15, 23, 42, .12);
  --gt-text: #0f172a;
  --gt-muted: rgba(15, 23, 42, .65);

  --gt-chip-bg: rgba(37, 99, 235, .10);
  --gt-chip-text: #0f172a;

  /* Choice list (premium UI, tokens only; layout lives in front.css) */
  --gt-choice-list-gap: 6px;
  --gt-choice-item-padding: 10px 12px;
  --gt-choice-item-radius: 12px;
  --gt-choice-item-bg: rgba(255,255,255,.55);
  --gt-choice-item-bg-hover: rgba(255,255,255,.85);
  --gt-choice-item-border: rgba(15, 23, 42, .12);
  --gt-choice-item-text: var(--gt-text);

  --gt-bot-bg: rgba(15, 23, 42, .06);
  --gt-user-bg: rgba(37, 99, 235, .12);

  --gt-input-bg: #ffffff;
  --gt-input-border: rgba(15, 23, 42, .18);

  --gt-panel-width: 360px;
  --gt-panel-height: min(560px, 70vh);
  --gt-gap: 12px;
  --gt-pad: 12px;
  --gt-header-actions-gap: 10px;
  --gt-header-btn-padding: 6px 10px;
  --gt-header-icon-size: 34px;
  --gt-chat-padding-bottom: 28px;
  --gt-chat-padding-top: 20px;

  --gt-focus: 0 0 0 3px rgba(37, 99, 235, .25);
  --gt-input-focus-border: rgba(37, 99, 235, .6);
  --gt-danger: rgba(220, 38, 38, .6);

  --gt-typing-dot: rgba(15, 23, 42, .55);
  --gt-typing-speed: 1.2s;

  /* Callback inline form (conversation mode) */
  --gt-inline-gap: 10px;
  --gt-inline-btn-top: 8px;
  --gt-form-font-size: 14px;

  /* Success / confirmation message */
  --gt-success-bg: rgba(16, 185, 129, .12);
  --gt-success-border: rgba(16, 185, 129, .35);
  --gt-success-text: var(--gt-text);
}


/* Choice list typing (machine effect) */
:root{
  --gt-choice-type-color: var(--gt-text);
  --gt-choice-type-hover: var(--gt-accent);
}