body {
            background-color: var(--tblr-body-bg);
        }

        .navbar-draftcurve {
            background-color: #FFFFFF;
            border-bottom: 1px solid var(--tblr-border-color);
        }

        .hero-draftcurve {
            padding: 5rem 0 4rem 0;
            background: radial-gradient(circle at top left, #F8E8B0 0, #FFF9F0 45%, #FFFFFF 100%);
        }

        .hero-title {
            font-size: 3rem;
            font-weight: 700;
            color: #E05028;
        }

        .hero-subtitle {
            font-size: 1.15rem;
            margin-top: 1rem;
            margin-bottom: 2rem;
            max-width: 640px;
            color: #7A6A63;
        }

        .btn-primary {
            background-color: #E05028;
            border-color: #E05028;
        }
        .btn-primary:hover {
            background-color: #C43C19;
            border-color: #C43C19;
        }

        .btn-outline-primary {
            color: #E05028;
            border-color: #E05028;
        }
        .btn-outline-primary:hover {
            background-color: #FFE1CF;
            color: #C43C19;
        }

        .section-muted {
            background-color: #FFF4E3;
        }

        .price-card-highlight {
            border: 2px solid #E05028;
        }

        .badge-soft {
            background-color: #FFE1CF;
            color: #C43C19;
            font-weight: 600;
        }

		.dc-page-wrap {
        background-color: var(--dc-cream);
	    }
	
	    .dc-card {
	        border-radius: 1rem;
	        border: none;
	        box-shadow: 0 10px 24px rgba(0,0,0,0.08);
	        background-color: #ffffff;
	    }
	
	    .dc-section-label {
	        font-size: 0.75rem;
	        text-transform: uppercase;
	        letter-spacing: 0.18em;
	        color: #6b7280;
	    }
	
	    .dc-section-title {
	        color: var(--dc-brown);
	    }
	
	    .dc-chip {
	        border-radius: 999px;
	        padding: 0.2rem 0.75rem;
	        border: 1px dashed rgba(0,0,0,0.25);
	        font-size: 0.75rem;
	        text-transform: uppercase;
	        letter-spacing: 0.12em;
	        color: #6b7280;
	    }
	
	    .dc-btn-primary {
	        background-color: var(--dc-orange);
	        border-color: var(--dc-orange);
	        font-weight: 600;
	        text-transform: uppercase;
	        letter-spacing: 0.08em;
	        font-size: 0.8rem;
	    }
	
	    .dc-btn-primary:hover {
	        background-color: #ea580c;
	        border-color: #ea580c;
	    }
	
	    .dc-pill-badge {
	        border-radius: 999px;
	        padding: 0.2rem 0.75rem;
	        font-size: 0.7rem;
	        text-transform: uppercase;
	        letter-spacing: 0.14em;
	    }
	
	    .dc-section-divider {
	        border-top: 1px dashed rgba(0,0,0,0.08);
	        margin: 1.5rem 0;
	    }

		#playersTable_filter input:focus {outline: none !important;box-shadow: none !important;display:inline-block;} 

		.toast.bg-blue-lt {
		  background-color: rgba(var(--dc-primary-rgb), .15); 
		  color: var(--dc-body-color);
		}
		
		.toast.bg-green-lt,
		.toast.bg-yellow-lt,
		.toast.bg-red-lt {
		  border: 1px solid var(--dc-border-color);
		}

		
		/* Usage stats */
		table.table tbody td.dc-col-usage {
		  background-color: rgba(228, 210, 195, 0.22) !important;
		}
		
		/* vs LHP */
		table.table tbody td.dc-col-vsl {
		  background-color: rgba(224, 80, 40, 0.10) !important;
		}
		
		/* vs LHP OPS – slightly stronger */
		table.table tbody td.dc-col-vsl.dc-col-ops {
		  background-color: rgba(224, 80, 40, 0.18) !important;
		  font-weight: 600;
		}
		
		/* vs RHP – cooler tint (teal/blue, NOT gray) */
		table.table tbody td.dc-col-vsr {
		  background-color: rgba(14, 165, 233, 0.18) !important; /* soft blue */
		}
		
		/* vs RHP OPS – slightly stronger */
		table.table tbody td.dc-col-vsr.dc-col-ops {
		  background-color: rgba(14, 165, 233, 0.18) !important;
		  font-weight: 600;
		}
		
		/* Headers (optional but recommended) */
		table.table thead th.dc-col-usage {
		  background-color: rgba(228, 210, 195, 0.28) !important;
		}
		table.table thead th.dc-col-vsl {
		  background-color: rgba(224, 80, 40, 0.14) !important;
		}
		table.table thead th.dc-col-vsr {
		  background-color: rgba(14, 165, 233, 0.14) !important;
		}

		/* Right-align numeric stat columns */
		.dc-num {
		  text-align: right !important;
		  font-variant-numeric: tabular-nums; /* aligns decimals vertically */
		}