/* DestinySync — practitioner track tokens (instrument identity, DestinySync Pro) */

@font-face {
  font-family: 'Poppins';
  src: url('../assets/fonts/poppins/Poppins-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../assets/fonts/poppins/Poppins-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../assets/fonts/poppins/Poppins-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../assets/fonts/poppins/Poppins-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../assets/fonts/jetbrains-mono/JetBrainsMono[wght].woff2') format('woff2-variations');
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-display: 'Poppins', sans-serif;
  --font-body: 'Poppins', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Pulled directly from the live Pro cockpit's [data-theme="light"] block in
     destiny_engine/gui/frontend/src/app.css — real product colors, not an
     invented palette, so this matches actual screenshots of the software. */
  --bg: linear-gradient(180deg, #E8ECF5 0%, #DDE1F0 100%);
  --bg-flat: #E8ECF5;
  --surface: rgba(255, 255, 255, 0.9);
  --surface-hover: rgba(243, 240, 250, 1);
  --ink: #1A1A2E;
  --ink-muted: #6B7280;
  --ink-faint: #9CA3AF;
  --keyline: rgba(167, 139, 250, 0.2);
  --keyline-soft: rgba(209, 213, 219, 0.3);

  --brand: #1111D4;
  --brand-hover: #0A0AA8;
  --brand-soft: rgba(17, 17, 212, 0.14);
  --accent: #7C3AED;

  --shadow-card: 0 4px 12px rgba(124, 58, 237, 0.1);
  --shadow-card-hover: 0 8px 24px rgba(124, 58, 237, 0.15);

  /* graha accents — real chart-rendering colors, light theme (north_indian_chart.py / app.css) */
  --su: #C2410C;
  --mo: #64748B;
  --ma: #B91C1C;
  --me: #15803D;
  --ju: #B45309;
  --ve: #7E22CE;
  --sa: #334155;
  --ra: #475569;
  --ke: #92400E;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}