:root{
  --pr-white: #ffffff;
  --pr-black: #0b0b0b;
  --pr-copper-1: #b87333;
  --pr-copper-2: #d08b5b;
  --pr-copper-3: #8f4e22;
}

.copper-gradient{
  background: linear-gradient(135deg,var(--pr-copper-1), var(--pr-copper-2));
}
.copper-border{
  border-image: linear-gradient(135deg,var(--pr-copper-2), var(--pr-copper-3)) 1;
  border-width: 1px;
  border-style: solid;
}
.copper-text{
  background: linear-gradient(90deg,var(--pr-copper-1), var(--pr-copper-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.premium-shadow{
  box-shadow: 0 10px 35px rgba(0,0,0,.25), inset 0 0 0.5px rgba(255,255,255,.05);
}
.glass{
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}
/* Copper ring for focus */
.copper-focus:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(216,140,89,.4);
}

/* Ratio guidance using utility regions to approximate 40/30/30 visually across page */
.section-white{ background-color: var(--pr-white); color: var(--pr-black); }
.section-black{ background-color: var(--pr-black); color: var(--pr-white); }
.section-copper{ background: linear-gradient(135deg,var(--pr-copper-1), var(--pr-copper-2)); color: #0b0b0b; }

/* Typography tweaks */
h1,h2,h3{ letter-spacing: -0.02em; }
.lead{ font-size: 1.125rem; line-height: 1.75rem; }

/* Premium hover */
.card:hover{ transform: translateY(-2px); transition: transform .2s ease; }

/* Responsive image treatment */
.logo-mark{ max-height: 36px; }
@media (min-width:1024px){ .logo-mark{ max-height: 44px;} }