/**
 * iKonyk Solutions — Design Tokens
 * All CSS custom properties. Loaded first; everything else depends on this.
 */

:root {
  /* ─── Typography ─── */
  --font-heading: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, sans-serif;

  /* ─── Shape ─── */
  --radius-card:   12px;
  --radius-button: 8px;
  --padding-min:   24px;

  /* ─── Brand ─── */
  --color-brand-100: #D6E8F5;
  --color-brand-300: #7BA7D1;
  --color-brand-500: #2E7FC1;  /* primary links, focus rings */
  --color-brand-700: #1A5A8A;  /* hover */

  /* ─── Primary Surface (dark navy) ─── */
  --color-primary-950: #070F1C;
  --color-primary-900: #0B1929;  /* hero/section backgrounds */
  --color-primary-800: #0F2540;
  --color-primary-700: #133559;

  /* ─── Accent — Amber (CTAs) ─── */
  --color-accent-400: #FCD34D;
  --color-accent-500: #F59E0B;
  --color-accent-600: #D97706;  /* primary CTA background */
  --color-accent-700: #B45309;  /* hover */

  /* ─── Secondary Accent — Cyan ─── */
  --color-cyan-300: #67E8F9;
  --color-cyan-500: #06B6D4;
  --color-cyan-700: #0E7490;

  /* ─── Neutral ─── */
  --color-neutral-950: #0F172A;
  --color-neutral-700: #334155;
  --color-neutral-500: #64748B;
  --color-neutral-300: #CBD5E1;
  --color-neutral-100: #F1F5F9;
  --color-neutral-50:  #F8FAFC;
  --color-white:       #FFFFFF;

  /* ─── Semantic ─── */
  --color-success: #059669;
  --color-warning: #D97706;
  --color-error:   #DC2626;
}