/**
 * AI Learning Platform — Brand Colour Tokens
 * Version 1.0 · October 2026
 * Use these CSS custom properties across the website and app.
 */

:root {
  /* Brand – Primary */
  --color-primary:        #4338CA;
  --color-primary-dark:   #312E81;
  --color-primary-light:  #6366F1;

  /* Brand – Secondary & Accent */
  --color-secondary:      #7C3AED;
  --color-accent:         #22D3EE;
  --color-growth:         #0D9488;

  /* Neutrals – Light */
  --color-canvas:         #F8FAFC;
  --color-surface:        #F1F5F9;
  --color-muted:          #94A3B8;
  --color-text:           #1E293B;
  --color-text-inverse:   #F8FAFC;

  /* Neutrals – Dark */
  --color-canvas-dark:    #0F172A;
  --color-surface-dark:   #1E293B;

  /* Semantic */
  --color-success:        #10B981;
  --color-warning:        #F59E0B;
  --color-error:          #F43F5E;
  --color-info:           #38BDF8;

  /* Gradients */
  --gradient-ai-pulse:    linear-gradient(135deg, #4338CA 0%, #22D3EE 100%);
  --gradient-adaptive:    linear-gradient(135deg, #7C3AED 0%, #22D3EE 100%);
}

/* Dark mode example (toggle via data-theme or class) */
[data-theme="dark"] {
  --color-canvas:         var(--color-canvas-dark);
  --color-surface:        var(--color-surface-dark);
  --color-text:           #F8FAFC;
  --color-text-inverse:   #0F172A;
}