@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

/*
 * A'dan Z'ye İnşaat Akademisi — yeni tema tasarım değişkenleri
 * Kaynak: docs/01-TASARIM-SISTEMI.md ve G09 görsel referansı.
 */
:root {
  color-scheme: light;

  /* Marka ve temel renkler */
  --color-navy-950: #0b1f3a;
  --color-navy-900: #102a4c;
  --color-navy-800: #173858;
  --color-navy-700: #234b70;
  --color-blue-700: #124dcc;
  --color-blue-600: #155eef;
  --color-blue-500: #2e73ff;
  --color-blue-100: #dbe8ff;
  --color-blue-50: #eef4ff;
  --color-gold-600: #d99c00;
  --color-gold-500: #f4b400;
  --color-gold-100: #ffedb5;
  --color-gold-50: #fff8e5;
  --color-amber-600: #d88708;
  --color-amber-500: #f5a524;

  /* Yüzeyler ve metin */
  --color-white: #ffffff;
  --color-surface: #ffffff;
  --color-surface-raised: #ffffff;
  --color-canvas: #f5f7fa;
  --color-canvas-alt: #f6f8fb;
  --color-surface-muted: #edf2f7;
  --color-border: #d9e1ea;
  --color-border-strong: #b8c5d3;
  --color-text: #182230;
  --color-text-soft: #344054;
  --color-text-muted: #667085;
  --color-text-subtle: #7f8b9c;
  --color-disabled: #98a2b3;
  --color-disabled-bg: #eaecf0;

  /* Durum renkleri */
  --color-success: #17a673;
  --color-success-strong: #087a55;
  --color-success-bg: #e9f8f2;
  --color-success-border: #9ddfc9;
  --color-warning: #b45309;
  --color-warning-bg: #fff6e5;
  --color-warning-border: #f6c76b;
  --color-danger: #b42318;
  --color-danger-strong: #8f1c13;
  --color-danger-bg: #fff0ef;
  --color-danger-border: #f4aaa3;
  --color-info: #155eef;
  --color-info-bg: #eef4ff;
  --color-info-border: #a9c5ff;

  /* Anlamsal eşleştirmeler */
  --color-primary: var(--color-blue-600);
  --color-primary-hover: var(--color-blue-700);
  --color-primary-active: #0f43b4;
  --color-brand-accent: var(--color-gold-500);
  --color-brand-accent-hover: var(--color-gold-600);
  --color-focus-ring: rgba(21, 94, 239, 0.3);
  --color-overlay: rgba(11, 31, 58, 0.72);
  --color-backdrop: rgba(11, 31, 58, 0.54);

  /* Tipografi */
  --font-family-sans: "Manrope", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-size-2xs: 0.625rem;
  --font-size-xs: 0.6875rem;
  --font-size-sm: 0.8125rem;
  --font-size-md: 0.9375rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.125rem;
  --font-size-2xl: 1.25rem;
  --font-size-3xl: 1.5rem;
  --font-size-4xl: 1.875rem;
  --font-size-hero: 2.125rem;
  --line-height-tight: 1.2;
  --line-height-heading: 1.3;
  --line-height-body: 1.5;
  --line-height-relaxed: 1.65;
  --letter-spacing-tight: -0.025em;
  --letter-spacing-heading: -0.0125em;
  --letter-spacing-label: 0.04em;

  /* 4 px tabanlı boşluk sistemi */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Geometri */
  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.75rem;
  --radius-xl: 0.875rem;
  --radius-2xl: 1rem;
  --radius-pill: 999px;
  --border-width: 1px;
  --border-width-strong: 2px;
  --control-height: 2.5rem;
  --control-height-sm: 2.25rem;
  --control-height-lg: 2.75rem;
  --touch-target-min: 2.5rem;
  --header-height-desktop: 4.5rem;
  --header-height-mobile: 4rem;
  --mobile-nav-height: 4.5rem;

  /* Gölge */
  --shadow-xs: 0 1px 2px rgba(11, 31, 58, 0.06);
  --shadow-sm: 0 2px 8px rgba(11, 31, 58, 0.08);
  --shadow-md: 0 8px 24px rgba(11, 31, 58, 0.1);
  --shadow-lg: 0 18px 48px rgba(11, 31, 58, 0.14);
  --shadow-focus: 0 0 0 4px var(--color-focus-ring);

  /* Sayfa ölçüleri */
  --container-max: 90rem;
  --container-wide: 96rem;
  --container-reading: 48rem;
  --gutter-mobile: 1rem;
  --gutter-tablet: 1.5rem;
  --gutter-desktop: 2rem;
  --section-space-mobile: 3rem;
  --section-space-desktop: 5rem;

  /* Hareket ve katmanlar */
  --duration-fast: 120ms;
  --duration-normal: 200ms;
  --duration-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);
  --z-base: 0;
  --z-sticky: 20;
  --z-dropdown: 40;
  --z-overlay: 60;
  --z-modal: 80;
  --z-toast: 100;
}

/* Koyu premium/araç kesitleri için sınırlı anlamsal tema. */
.theme-dark,
[data-theme="dark"] {
  color-scheme: dark;
  --color-surface: #102a4c;
  --color-surface-raised: #173858;
  --color-canvas: #0b1f3a;
  --color-canvas-alt: #102a4c;
  --color-surface-muted: #234b70;
  --color-border: #365675;
  --color-border-strong: #587696;
  --color-text: #ffffff;
  --color-text-soft: #e7eef7;
  --color-text-muted: #becbda;
  --color-text-subtle: #9fb0c3;
  --color-disabled: #8093a9;
  --color-disabled-bg: #294662;
  --color-focus-ring: rgba(255, 255, 255, 0.32);
}