/**
 * public.css — site.css global token override + shared --og-* tokens
 * Component styles live in home.css and inner.css.
 * --og-* must live here (not only home.css) so inner pages / footer work.
 */
html.site-preset-showcase {
  /* Primary: blue (site.css teal'i geçersiz kıl) */
  --primary-900: #1a2332;
  --primary-800: #1a2332;
  --primary-700: #17303a;
  --primary-600: #c8500c;
  --primary-500: #0a7490;

  /* Accent: green */
  --accent-600: #c8500c;
  --accent-500: #c8500c;

  /* Brand */
  --brand-800: #1a2332;
  --brand-700: #c8500c;
  --brand-50:  #f3f6f8;

  /* Surfaces */
  --surface-0: #ffffff;
  --surface-1: #ffffff;
  --surface-2: #f1f5f9;
  --surface-3: #dbe4e8;

  /* Text */
  --text-body:    #334155;
  --text-heading: #1a2332;
  --text-muted:   #64748b;

  /* Border */
  --border-subtle: #dbe4e8;

  /* Header */
  --header-bg:       rgb(255 255 255 / 0.96);
  --card-bg:         #ffffff;
  --card-border:     #dbe4e8;

  /* Nav */
  --nav-hover-bg:  #f3f6f8;
  --nav-active-bg: #e5ecef;

  /* Eyebrow chips */
  --eyebrow-bg:     #f3f6f8;
  --eyebrow-border: #d3dfe4;

  /* Shared og design tokens (footer / inner / home) — must not live only in home.css */
  --og-blue:        #17303a;
  --og-blue-dark:   #1a2332;
  --og-blue-light:  #0a7490;
  --og-green:       #0a7490;
  --og-green-light: #7fb3c4;
  --og-teal:        #0a7490;
  --og-coral:       #4d8a9c;
  --og-coral-dark:  #0a7490;
  --og-sun:         #f28c3e;
  --og-violet:      #4b5d66;
  --og-ink:         #0f1f26;
  --og-bg:      #ffffff;
  --og-surface: #ffffff;
  --og-text:    #1a2332;
  --og-muted:   #64748b;
  --og-border:  #dbe4e8;
  --og-radius:    18px;
  --og-radius-sm: 10px;
  --og-radius-xs: 6px;
  --og-shadow:    0 4px 24px rgb(15 31 38 / 0.06);
  --og-shadow-md: 0 12px 40px rgb(15 31 38 / 0.10);
  --og-shadow-lg: 0 20px 60px rgb(23 48 58 / 0.13);
  --og-shadow-xl: 0 32px 80px rgb(15 31 38 / 0.22);
  --og-font-display: 'Fraunces', Georgia, serif;
  --og-font-body:    'Inter', system-ui, sans-serif;
  --og-ease:     cubic-bezier(0.22, 1, 0.36, 1);
  --og-ease-out: cubic-bezier(0.0, 0, 0.2, 1);
  --og-space-xs:  0.5rem;
  --og-space-sm:  1rem;
  --og-space-md:  1.5rem;
  --og-space-lg:  2.5rem;
  --og-space-xl:  4rem;
  --og-space-2xl: clamp(3.5rem, 7vw, 6rem);
  --og-section-py: clamp(3.5rem, 7vw, 5.5rem);
}

/* Body font */
html.site-preset-showcase body.site-body {
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
  background: #ffffff;
  color: #334155;
}

/* Display font for all page/section headings */
html.site-preset-showcase .site-page__title,
html.site-preset-showcase h1.page-title {
  font-family: 'Fraunces', Georgia, serif;
}

/* Hide site.css default footer — theme has its own og-footer */
html.site-preset-showcase .site-footer {
  display: none;
}

/* Inner page background */
html.site-preset-showcase .site-page {
  background: linear-gradient(180deg, #ffffff 0%, #fff 100%);
}

/* Header CTA button colour */
html.site-preset-showcase .btn-header-primary,
html.site-preset-showcase .site-footer__btn--primary {
  background: #0a7490;
  border-color: #0a7490;
}

/* Nav link active/hover colour */
html.site-preset-showcase .site-nav .nav-link.is-active,
html.site-preset-showcase .site-nav .nav-link:hover {
  color: #c8500c;
}

/* Summit — /iletisim mavi→yeşil ton (öğrenci kongre) */
html.site-preset-showcase.site-template-ege {
  --og-blue:        #c8500c;
  --og-blue-dark:   #17303a;
  --og-blue-light:  #0a7490;
  --og-green:       #0a7490;
  --og-green-light: #f28c3e;
  --og-teal:        #0a7490;
  --og-coral:       #4d8a9c;
  --og-coral-dark:  #0a7490;
  --og-sun:         #f28c3e;
  --og-violet:      #4b5d66;
  --og-ink:         #0f1f26;
  --og-bg:          #ffffff;
  --og-surface:     #ffffff;
  --og-text:        #132a33;
  --og-muted:       #64748b;
  --og-border:      #dbe4e8;
  --og-font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --og-font-body:    "DM Sans", system-ui, sans-serif;
  --og-shadow:    0 4px 24px rgb(15 31 38 / 0.06);
  --og-shadow-md: 0 12px 40px rgb(15 31 38 / 0.10);
  --og-shadow-lg: 0 20px 60px rgb(15 31 38 / 0.13);
  --og-shadow-xl: 0 32px 80px rgb(15 31 38 / 0.22);

  --primary-900: #0f1f26;
  --primary-800: #132a33;
  --primary-700: #17303a;
  --primary-600: #c8500c;
  --primary-500: #0a7490;
  --accent-600: #0a7490;
  --accent-500: #c8500c;
  --brand-800: #17303a;
  --brand-700: #c8500c;
  --brand-50:  #f3f6f8;
  --nav-hover-bg:  #f3f6f8;
  --nav-active-bg: #e5ecef;
  --eyebrow-bg:     #f3f6f8;
  --eyebrow-border: #d3dfe4;
}

html.site-template-ege .btn-header-primary {
  background: #c8500c;
  border-color: #17303a;
  color: #fff;
}

html.site-template-ege .site-footer__btn--primary {
  background: #c8500c;
  border-color: #c8500c;
  color: #fff;
}

html.site-template-ege .site-nav .nav-link.is-active,
html.site-template-ege .site-nav .nav-link:hover {
  color: #c8500c;
}
