/* Design Tokens - Copy from Figma Make globals.css */
/* This file contains all the CSS custom properties (variables) from Figma Make */

:root {
  /* Colors - Replace with your Figma Make color tokens */
  --background: linear-gradient(
    135deg,
    #f5f7fa 0%,
    #e8f0fe 25%,
    #fce7f3 50%,
    #f3e8ff 75%,
    #dbeafe 100%
  );
  --foreground: #1a1a1a;
  --card: rgba(255, 255, 255, 0.85);
  --card-foreground: #1a1a1a;
  --popover: #ffffff;
  --popover-foreground: #1a1a1a;
  --primary: #6366f1;
  --primary-foreground: #ffffff;
  --secondary: #f1f5f9;
  --secondary-foreground: #1a1a1a;
  --muted: #f1f5f9;
  --muted-foreground: #64748b;
  --accent: #f1f5f9;
  --accent-foreground: #1a1a1a;
  --destructive: #ef4444;
  --destructive-foreground: #ffffff;
  --border: #e2e8f0;
  --input: #e2e8f0;
  --input-background: #ffffff;
  --switch-background: #cbd5e1;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --ring: #6366f1;
  --chart-1: #6366f1;
  --chart-2: #06b6d4;
  --chart-3: #10b981;
  --chart-4: #f59e0b;
  --chart-5: #8b5cf6;
  --radius: 0.5rem;
  --sidebar: rgba(255, 255, 255, 0.7);
  --sidebar-foreground: #334155;
  --sidebar-primary: #6366f1;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: rgba(241, 245, 249, 0.8);
  --sidebar-accent-foreground: #334155;
  --sidebar-border: rgba(226, 232, 240, 0.6);
  --sidebar-ring: #6366f1;

  /* Status colors */
  --success: #00a63e;
  --success-foreground: #ffffff;
  --error: #dc2626;
  --error-foreground: #ffffff;
  
  /* Icon backgrounds */
  --icon-purple-bg: #e9d5ff;
  --icon-purple-fg: #9810fa;
  --icon-green-bg: #d1fae5;
  --icon-green-fg: #10b981;
  --icon-indigo-bg: #e9d5ff;
  --icon-indigo-fg: #6366f1;
  
  /* Settings specific */
  --settings-header-color: #585858;
  --settings-icon-bg: rgba(255, 255, 255, 0.8);
  --stream-item-bg: rgba(255, 255, 255, 0.5);
  --toggle-bg: rgba(255, 255, 255, 0.5);

  /* Dark mode colors */
  --dark-background: oklch(0.145 0 0);
  --dark-foreground: oklch(0.985 0 0);
  --dark-card: oklch(0.145 0 0);
  --dark-card-foreground: oklch(0.985 0 0);
  --dark-primary: oklch(0.985 0 0);
  --dark-primary-foreground: oklch(0.205 0 0);
  --dark-secondary: oklch(0.269 0 0);
  --dark-secondary-foreground: oklch(0.985 0 0);
  --dark-muted: oklch(0.269 0 0);
  --dark-muted-foreground: oklch(0.708 0 0);
  --dark-accent: oklch(0.269 0 0);
  --dark-accent-foreground: oklch(0.985 0 0);
  --dark-destructive: oklch(0.396 0.141 25.723);
  --dark-destructive-foreground: oklch(0.637 0.237 25.331);
  --dark-border: oklch(0.269 0 0);
  --dark-input: oklch(0.269 0 0);
  --dark-ring: oklch(0.439 0 0);

  /* Typography - Replace with your Figma Make font tokens */
  --font-family-primary: 'Arimo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Spacing - Replace with your Figma Make spacing tokens 
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 2.5rem;
  --spacing-3xl: 3rem;
  */

  /* Border radius */
  /*
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  */

  /* Shadows */
  /*
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  */

  /* Transitions */
  /*
  --transition-fast: 0.15s ease;
  --transition-normal: 0.2s ease;
  --transition-slow: 0.3s ease;
}
  */

/* TODO: Copy the actual design tokens from your Figma Make globals.css file here */
/* Instructions:
   1. Open your Figma Make globals.css file
   2. Copy all the :root variables
   3. Replace the placeholder values above with your actual design tokens
   4. Keep the variable names consistent with Figma Make's naming convention
*/
}