/* Auto-generated by scripts/sync-ui-css.ps1 */
/* Source: UI/src/styles/theme.css */
/* Purpose: Keep design tokens in sync for Blazor runtime */

:root {
  --font-size: 14px;
  
  /* Metronic-inspired Professional Color Palette */
  --background: #f5f8fa;
  --foreground: #181c32;
  --card: #ffffff;
  --card-foreground: #181c32;
  --popover: #ffffff;
  --popover-foreground: #181c32;
  
  /* Primary - Professional Blue */
  --primary: #3699ff;
  --primary-light: #e1f0ff;
  --primary-dark: #187de4;
  --primary-foreground: #ffffff;
  
  /* Secondary - Neutral Gray */
  --secondary: #eef0f8;
  --secondary-foreground: #3f4254;
  
  --muted: #f9f9f9;
  --muted-foreground: #b5b5c3;
  --accent: #f3f6f9;
  --accent-foreground: #3f4254;
  
  /* Status colors - Professional versions */
  --destructive: #f64e60;
  --destructive-light: #ffe2e5;
  --destructive-foreground: #ffffff;
  
  --success: #1bc5bd;
  --success-light: #c9f7f5;
  --success-foreground: #ffffff;
  
  --warning: #ffa800;
  --warning-light: #fff4de;
  --warning-foreground: #ffffff;
  
  --info: #8950fc;
  --info-light: #eee5ff;
  --info-foreground: #ffffff;
  
  --pending: #ffa800;
  --pending-foreground: #ffffff;
  
  /* Sidebar Colors */
  --sidebar: #ffffff;
  --sidebar-foreground: #5e6278;
  --sidebar-primary: #3699ff;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #f3f6f9;
  --sidebar-accent-foreground: #5e6278;
  --sidebar-border: #eff2f5;
  --sidebar-ring: #3699ff;
  --sidebar-active-bg: #e1f0ff;
  
  /* Borders and Inputs */
  --border: #eff2f5;
  --input: transparent;
  --input-background: #ffffff;
  --input-border: #e4e6ef;
  --switch-background: #e4e6ef;
  --ring: #3699ff;
  
  /* Text hierarchy */
  --text-dark: #181c32;
  --text-gray-800: #3f4254;
  --text-gray-700: #5e6278;
  --text-gray-600: #7e8299;
  --text-gray-500: #a1a5b7;
  --text-gray-400: #b5b5c3;
  
  /* Chart colors */
  --chart-1: #3699ff;
  --chart-2: #1bc5bd;
  --chart-3: #ffa800;
  --chart-4: #f64e60;
  --chart-5: #8950fc;
  
  /* Layout and brand grammar */
  --font-body: "Aptos", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Aptos Display", "Aptos", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --surface-hero-from: #ffffff;
  --surface-hero-to: #eef5ff;
  --surface-hero-glow-a: rgb(54 153 255 / 0.16);
  --surface-hero-glow-b: rgb(32 201 151 / 0.12);
  --surface-toolbar: color-mix(in srgb, var(--card) 84%, var(--accent) 16%);
  --surface-toolbar-strong: color-mix(in srgb, var(--card) 76%, var(--accent) 24%);
  --surface-dialog-header-from: #ffffff;
  --surface-dialog-header-to: #eef5ff;
  --surface-dialog-body: #f8fbff;
  --surface-dialog-footer-from: #ffffff;
  --surface-dialog-footer-to: #f3f7fc;
  --surface-dialog-glow: rgb(54 153 255 / 0.16);
  --dialog-shell-border: color-mix(in srgb, var(--primary) 16%, var(--border) 84%);
  --dialog-shell-shadow: 0 32px 72px rgb(15 23 42 / 0.18), 0 10px 24px rgb(15 23 42 / 0.08);
  --dialog-control-height: 46px;
  --dialog-control-radius: 16px;
  --role-host: #0f766e;
  --role-tenant: #155eef;
  --role-owner: #0f8ccf;
  --role-photographer: #6b64ea;
  --role-participant: #3699ff;
  --role-marketing: #db8b2e;
  --radius: 0.625rem;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-normal: 400;
}

.dark {
  --background: #151521;
  --foreground: #f5f8fa;
  --card: #1e1e2d;
  --card-foreground: #f5f8fa;
  --popover: #1e1e2d;
  --popover-foreground: #f5f8fa;
  
  --primary: #3699ff;
  --primary-light: #1b3a5f;
  --primary-dark: #187de4;
  --primary-foreground: #ffffff;
  
  --secondary: #2b2b40;
  --secondary-foreground: #a1a5b7;
  
  --muted: #2b2b40;
  --muted-foreground: #a1a5b7;
  --accent: #2b2b40;
  --accent-foreground: #f5f8fa;
  
  --destructive: #f64e60;
  --destructive-light: #3d1f24;
  --destructive-foreground: #ffffff;
  
  --success: #1bc5bd;
  --success-light: #1a3a38;
  --success-foreground: #ffffff;
  
  --warning: #ffa800;
  --warning-light: #3d3020;
  --warning-foreground: #ffffff;
  
  --info: #8950fc;
  --info-light: #2d2338;
  --info-foreground: #ffffff;
  
  --pending: #ffa800;
  --pending-foreground: #ffffff;
  
  --sidebar: #1e1e2d;
  --sidebar-foreground: #a1a5b7;
  --sidebar-primary: #3699ff;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #1b1b28;
  --sidebar-accent-foreground: #a1a5b7;
  --sidebar-border: #2b2b40;
  --sidebar-ring: #3699ff;
  --sidebar-active-bg: #1b1b28;
  
  --border: #2b2b40;
  --input: transparent;
  --input-background: #2b2b40;
  --input-border: #2b2b40;
  --switch-background: #2b2b40;
  --ring: #3699ff;
  
  --text-dark: #f5f8fa;
  --text-gray-800: #d1d3e0;
  --text-gray-700: #a1a5b7;
  --text-gray-600: #7e8299;
  --text-gray-500: #5e6278;
  --text-gray-400: #3f4254;
  --surface-hero-from: #101827;
  --surface-hero-to: #162033;
  --surface-hero-glow-a: rgb(54 153 255 / 0.18);
  --surface-hero-glow-b: rgb(45 212 191 / 0.14);
  --surface-toolbar: color-mix(in srgb, var(--card) 82%, #0f172a 18%);
  --surface-toolbar-strong: color-mix(in srgb, var(--card) 76%, #0f172a 24%);
  --surface-dialog-header-from: #111a2a;
  --surface-dialog-header-to: #182235;
  --surface-dialog-body: #151f30;
  --surface-dialog-footer-from: #121a29;
  --surface-dialog-footer-to: #172134;
  --surface-dialog-glow: rgb(54 153 255 / 0.2);
  --dialog-shell-border: color-mix(in srgb, var(--primary) 22%, var(--border) 78%);
  --dialog-shell-shadow: 0 36px 84px rgb(2 6 23 / 0.48), 0 12px 28px rgb(2 6 23 / 0.28);
}