@font-face {
    font-family: 'IRAN_Sans_Regular';
    src: url('/Fonts/IRAN_Sans_Regular.ttf');
}

@font-face {
    font-family: 'IranSansBold';
    src: url('/Fonts/IRAN_Sans_Bold.ttf');
}

.PF {
    font-family: var(--font-family-regular) !important;
}

.PF-Bold {
    font-family: var(--font-family-bold) !important;
    font-weight: bolder;
}



.border-radius-5 {
    border-radius: 5px !important; 
}

.border-radius-10 {
    border-radius: 10px !important;
}   

.border-radius-15 {
    border-radius: 15px !important;
}   

.border-radius-20 {
    border-radius: 20px !important;
}   

.border-radius-25 {
    border-radius: 25px !important;
}   

.border-radius-30 {
    border-radius: 30px !important;
}   







.font-size_phone {
    font-size: var(--font-size-phone);
}

.Main-color {
    color: var(--Button-Main-Color);
}

.linkfontsize {
    font-size: var(--Linl-font-size);
}
.Seperator {
    background: linear-gradient(270deg,black ,5.21%,rgba(23,33,56,0));
    height: 1px;
}
.shadow-sm {
    box-shadow: 0px 4px 16px rgb(0 0 0 / 18%) !important;
}

:root {
  /* Light theme: modern To-Do palette */
  --primary:        #4A90E2;
  --secondary:      #7B61FF;
  --background:     #F9FAFB;
  --surface:        #FFFFFF;
  --text-primary:   #1A1A1A;
  --text-secondary: #4B5563;
  --text-muted:     #9CA3AF;
  --accent:         #22C55E;
  --border:         #E5E7EB;
  --hover:          #E0E7FF;
  --success:        #16A34A;
  --error:          #DC2626;

  /* Font families for PF class and general use */
  --font-family-regular: IRAN_Sans_Regular, 'Vazir', Arial, sans-serif;
  --font-family-bold: IranSansBold, 'Vazir', Arial, sans-serif;

  /* Backward-compat aliases */
  --Button-Main-Color: var(--primary);

  /* Sizes and radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --border-radius: 10px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.12);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.16);

  /* Typography fallbacks */
  --font-size-phone: 14px;
  --Linl-font-size: 14px;

  /* Background groups mapped to theme-variables */
  --bg-primary: var(--background);
  --bg-secondary: var(--surface);
  --bg-tertiary: #f1f5f9;

  /* Cards */
  --card-bg: var(--surface);
  --card-bg-hover: #f3f4f6;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  --gradient-accent: linear-gradient(135deg, #7c3aed 0%, #db2777 100%);
  --gradient-success: linear-gradient(135deg, #059669 0%, #14b8a6 100%);
  --hero-gradient: radial-gradient(1200px 600px at 50% -20%, rgba(59,130,246,0.25) 0%, rgba(59,130,246,0.05) 40%, transparent 70%),
                    radial-gradient(800px 400px at 100% 0%, rgba(168,85,247,0.18) 0%, transparent 60%),
                    linear-gradient(180deg, rgba(17,24,39,0.02) 0%, rgba(17,24,39,0.08) 100%);

  /* Accents */
  --accent-blue: #2563eb;
  --accent-purple: #7c3aed;
  --accent-pink: #db2777;
  --accent-green: #059669;
  --accent-amber: #d97706;
  --accent-red: #dc2626;
  --mint-green: #22c55e;

  /* Borders */
  --border-color: var(--border);

  /* Button legacy */
  --Button-Main-Color-Light: #7fb4f0;

  /* Auth (Login/Register) mappings */
  --auth-bg: var(--bg-primary);
  --auth-panel-bg: var(--bg-secondary);
  --auth-card-bg: var(--card-bg);
  --auth-accent: var(--Button-Main-Color);
  --auth-accent-hover: var(--Button-Main-Color-Light);
  --auth-text: var(--text-primary);
  --auth-text-light: var(--text-secondary);
  --auth-border: var(--border-color);
  --auth-shadow: var(--shadow-lg);
  --auth-radius: var(--radius-lg);
  --bg-disabled: #e5e7eb;
}
[data-theme="dark"] {
  /* Dark theme palette overrides */
  --primary:        #60A5FA;
  --secondary:      #A78BFA;
  --background:     #111827;
  --surface:        #1F2937;
  --text-primary:   #F9FAFB;
  --text-secondary: #D1D5DB;
  --text-muted:     #9CA3AF;
  --accent:         #10B981;
  --border:         #374151;
  --hover:          #1E40AF;
  --success:        #22C55E;
  --error:          #EF4444;

  --font-family-regular: IRAN_Sans_Regular, 'Vazir', Arial, sans-serif;
  --font-family-bold: IranSansBold, 'Vazir', Arial, sans-serif;

  /* Backward-compat aliases */
  --Button-Main-Color: var(--primary);

  /* Sizes and radii (same) */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --border-radius: 10px;

  /* Shadows (darker scene) */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 6px 18px rgba(0,0,0,0.45);
  --shadow-lg: 0 14px 40px rgba(0,0,0,0.5);

  /* Background groups */
  --bg-primary: var(--background);
  --bg-secondary: var(--surface);
  --bg-tertiary: #111827;

  /* Cards */
  --card-bg: var(--surface);
  --card-bg-hover: #2a3444;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  --gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
  --gradient-success: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);
  --hero-gradient: radial-gradient(1200px 600px at 50% -20%, rgba(59,130,246,0.12) 0%, rgba(59,130,246,0.04) 40%, transparent 70%),
                    radial-gradient(800px 400px at 100% 0%, rgba(168,85,247,0.10) 0%, transparent 60%),
                    linear-gradient(180deg, rgba(17,24,39,0.25) 0%, rgba(17,24,39,0.6) 100%);

  /* Accents */
  --accent-blue: #3b82f6;
  --accent-purple: #a855f7;
  --accent-pink: #ec4899;
  --accent-green: #10b981;
  --accent-amber: #f59e0b;
  --accent-red: #ef4444;
  --mint-green: #34d399;

  /* Borders */
  --border-color: var(--border);

  /* Button legacy */
  --Button-Main-Color-Light: #8ec5ff;

  /* Auth (Login/Register) mappings */
  --auth-bg: var(--bg-primary);
  --auth-panel-bg: var(--bg-secondary);
  --auth-card-bg: var(--card-bg);
  --auth-accent: var(--primary);
  --auth-accent-hover: var(--Button-Main-Color-Light);
  --auth-text: var(--text-primary);
  --auth-text-light: var(--text-secondary);
  --auth-border: var(--border-color);
  --auth-shadow: var(--shadow-lg);
  --auth-radius: var(--radius-lg);
  --bg-disabled: #374151;
}

/* PF (persian font) classes */
.PF {
  font-family: var(--font-family-regular) !important;
}
.PF-Bold {
  font-family: var(--font-family-bold) !important;
  font-weight: bolder;
}