/* =================================================================
   Prayogbharti Foundation — Vidyasetu Warm Orange Design System
   1. Warm Orange Brand: #F97316 / #EA580C / #C24E05
   2. Subtle Tint:       #FFF7ED / #FFEDD5
   3. Deep Slate Ink:    #0F172A / #334155 / #64748B
   4. Canvas / Surface:  #F8FAFC / #FFFFFF
   ================================================================= */

:root {
  --font-size: 16px;

  /* Surfaces */
  --background:           #F8FAFC;
  --foreground:           #0F172A;
  --card:                 #FFFFFF;
  --card-foreground:      #0F172A;
  --popover:              #FFFFFF;
  --popover-foreground:   #0F172A;

  /* Brand Colors */
  --primary:              #F97316;
  --primary-foreground:   #FFFFFF;
  --secondary:            #FFF7ED;
  --secondary-foreground: #C24E05;
  --muted:                #F1F5F9;
  --muted-foreground:     #64748B;
  --accent:               #F97316;
  --accent-foreground:    #FFFFFF;

  /* Form & UI Utilities */
  --destructive:          #EF4444;
  --destructive-foreground: #FFFFFF;
  --border:               #E2E8F0;
  --input:                transparent;
  --input-background:     #FFFFFF;
  --switch-background:    #F97316;
  --ring:                 #F97316;
  --radius:               0.875rem;

  /* Charts & Accents */
  --chart-1: #F97316;
  --chart-2: #0F172A;
  --chart-3: #F59E0B;
  --chart-4: #0284C7;
  --chart-5: #10B981;
}

@theme inline {
  --color-background:             var(--background);
  --color-foreground:             var(--foreground);
  --color-card:                   var(--card);
  --color-card-foreground:        var(--card-foreground);
  --color-popover:                var(--popover);
  --color-popover-foreground:     var(--popover-foreground);
  --color-primary:                var(--primary);
  --color-primary-foreground:     var(--primary-foreground);
  --color-secondary:              var(--secondary);
  --color-secondary-foreground:   var(--secondary-foreground);
  --color-muted:                  var(--muted);
  --color-muted-foreground:       var(--muted-foreground);
  --color-accent:                 var(--accent);
  --color-accent-foreground:      var(--accent-foreground);
  --color-destructive:            var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border:                 var(--border);
  --color-input:                  var(--input);
  --color-input-background:       var(--input-background);
  --color-switch-background:      var(--switch-background);
  --color-ring:                   var(--ring);
  --radius-sm:                    calc(var(--radius) - 4px);
  --radius-md:                    calc(var(--radius) - 2px);
  --radius-lg:                    var(--radius);
  --radius-xl:                    calc(var(--radius) + 4px);
}