/* ===========================================================================
   Initiative Training Group — theme override
   Reskins the Composio Design System's tokens (same component structure,
   spacing scale and radii) for a premium, calm, light travel-risk-consultancy
   palette: white canvas, deep navy, muted blue/green accents, serif display.
   Load AFTER the Composio bundle's styles.css so these values win the cascade.
   =========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
  /* --- Brand / accent ----------------------------------------------------- */
  --color-primary: #16305c;          /* deep navy — primary CTAs, wordmark */
  --color-primary-active: #0f2244;   /* press state */
  --color-primary-glow: #1690c2;     /* logo's cyan-blue accent */
  --color-accent-cyan: #1690c2;      /* logo cyan-blue — icons, accents, hover states */
  --color-accent-green: #3a9c68;     /* logo green — icons, accents, success states */
  --color-accent-violet: #3a9c68;    /* remap: logo green (legacy alias) */

  /* --- Surface (light ladder, inverse of Composio's dark ladder) --------- */
  --color-canvas: #ffffff;
  --color-canvas-deep: #f6f5f1;      /* soft warm-white for code/quote surfaces */
  --color-surface-card: #ffffff;
  --color-surface-card-elevated: #f4f6f9;
  --color-surface-strong: #eef1f6;

  /* --- Hairlines ------------------------------------------------------------ */
  --color-hairline: #e3e6ec;
  --color-hairline-soft: #edeff3;
  --color-hairline-strong: #c7ccd6;

  /* --- Text ------------------------------------------------------------- */
  --color-ink: #10192b;
  --color-body: #4a5568;
  --color-body-strong: #10192b;
  --color-muted: #6b7484;
  --color-muted-soft: #98a1af;
  --color-on-primary: #ffffff;
  --color-on-dark: #ffffff;

  /* --- Semantic ----------------------------------------------------------- */
  --color-success: #3a9c68;          /* logo green */
  --color-error: #a3392f;

  /* --- Fonts --------------------------------------------------------------- */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-serif: 'Cormorant Garamond', Georgia, serif;

  /* --- Atmosphere ----------------------------------------------------------- */
  --spotlight-glow: radial-gradient(closest-side, rgba(44,90,160,0.10) 0%, rgba(22,48,92,0.05) 45%, transparent 75%);
  --spotlight-glow-soft: radial-gradient(closest-side, rgba(22,48,92,0.07) 0%, transparent 70%);
  --focus-ring: 0 0 0 3px rgba(44,90,160,0.35);
  --overlay-lift: 0 16px 40px -14px rgba(16,25,43,0.18);
  --shadow-card: 0 1px 2px rgba(16,25,43,0.04), 0 8px 24px -12px rgba(16,25,43,0.10);
}

body { background: var(--color-canvas); }