/* Ankara Panel Çit — Premium Team v3
   Master: homepage design language.
   Scope: six primary category/contact pages via body.apc-premium-team.
   Purpose: typography + color hierarchy (80%), CTA/border refinement (20%).
   Safety: no positioning, z-index, grid/flex, dimensions, margins, padding,
   line-height, font-size, transforms, pseudo-elements or image/layout rules. */

/* 01 — TYPOGRAPHY ROLES
   Inter = information/body, Barlow Condensed = technical/display,
   Fraunces = existing editorial emphasis only. */
body.apc-premium-team main{
  font-family:var(--font-sans);
  font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
  text-rendering:optimizeLegibility;
}
body.apc-premium-team main h1,
body.apc-premium-team main h2,
body.apc-premium-team main h3,
body.apc-premium-team main .font-display,
body.apc-premium-team .contact-project-showcase__title{
  font-family:var(--font-display);
}
body.apc-premium-team main h1{
  color:var(--color-white);
  font-weight:900;
  letter-spacing:-.018em;
}
body.apc-premium-team main h2{
  color:var(--color-white);
  letter-spacing:-.010em;
}
body.apc-premium-team main h3{
  color:var(--color-white);
  letter-spacing:.004em;
}
body.apc-premium-team main .font-serif,
body.apc-premium-team main em{
  font-family:var(--font-serif);
}

/* 02 — COLOR HIERARCHY
   Gold = identity / premium detail. Orange = action / section navigation. */
body.apc-premium-team main [class*="text-gold-300"]{color:var(--color-gold-300)}
body.apc-premium-team main [class*="text-gold-400"],
body.apc-premium-team main [class*="text-gold-500"]{color:var(--color-gold-400)}
body.apc-premium-team main [class*="text-orange-300"]{color:var(--color-orange-300)}
body.apc-premium-team main [class*="text-orange-400"]{color:var(--color-orange-400)}
body.apc-premium-team main [class*="text-orange-500"]{color:var(--color-orange-500)}

/* Hero/category identity label keeps the homepage gold role. */
body.apc-premium-team main > section:first-of-type [class*="text-gold-400"]{
  color:var(--color-gold-400);
}

/* 03 — CTA TYPOGRAPHY + MATERIAL
   Geometry remains exactly as authored in each page. */
body.apc-premium-team main a.bg-orange-600,
body.apc-premium-team main button.bg-orange-600{
  background-color:var(--color-orange-600);
  color:var(--color-white);
  box-shadow:0 9px 24px color-mix(in srgb,var(--color-orange-900) 24%,transparent);
}
body.apc-premium-team main > section:first-of-type a.bg-orange-600,
body.apc-premium-team main > section:first-of-type button.bg-orange-600,
body.apc-premium-team main > section:first-of-type a[class*="bg-white/10"]{
  font-family:var(--font-sans);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.055em;
}
body.apc-premium-team main > section:first-of-type a[class*="bg-white/10"]{
  border-color:color-mix(in srgb,var(--color-gold-400) 34%,transparent);
}
@media (hover:hover){
  body.apc-premium-team main a.bg-orange-600:hover,
  body.apc-premium-team main button.bg-orange-600:hover{
    background-color:var(--color-orange-500);
  }
  body.apc-premium-team main > section:first-of-type a[class*="bg-white/10"]:hover{
    border-color:color-mix(in srgb,var(--color-gold-300) 50%,transparent);
  }
}

/* 04 — EXISTING BORDER REFINEMENT
   Only recolors borders that already exist. */
body.apc-premium-team main .border-neutral-800,
body.apc-premium-team main [class~="border-neutral-800/60"],
body.apc-premium-team main [class~="border-neutral-800/70"]{
  border-color:color-mix(in srgb,var(--color-gold-400) 11%,var(--color-neutral-800));
}
body.apc-premium-team main [class~="border-white/10"],
body.apc-premium-team main [class~="border-white/20"],
body.apc-premium-team main [class~="border-white/25"]{
  border-color:color-mix(in srgb,var(--color-gold-400) 18%,transparent);
}
@media (hover:hover){
  body.apc-premium-team main a[class*="border-neutral-800"]:hover,
  body.apc-premium-team main a[class*="border-white/"]:hover{
    border-color:color-mix(in srgb,var(--color-gold-400) 30%,var(--color-neutral-800));
  }
}

/* 05 — CONTACT: retain its own layout, align only type/separators. */
body.apc-premium-team .contact-project-showcase__title{
  color:var(--color-white);
  letter-spacing:-.012em;
}
body.apc-premium-team .contact-project-showcase{
  border-top-color:color-mix(in srgb,var(--color-gold-400) 16%,transparent);
  border-bottom-color:color-mix(in srgb,var(--color-gold-400) 16%,transparent);
}

/* 06 — ACCESSIBILITY */
body.apc-premium-team main a:focus-visible,
body.apc-premium-team main button:focus-visible,
body.apc-premium-team main input:focus-visible,
body.apc-premium-team main textarea:focus-visible,
body.apc-premium-team main select:focus-visible{
  outline-color:var(--color-gold-300);
}