/* Apple System Font Stack Implementation
   This file ensures consistent use of Apple's San Francisco font on macOS/iOS devices
   while providing appropriate fallbacks for other operating systems */

/* Global font family - applies Apple system font stack */
:root {
  --system-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  --monospace-font-stack: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
}

/* Apply system font to all elements */
html {
  font-family: var(--system-font-stack);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Ensure all elements inherit the font */
body,
input,
textarea,
select,
button {
  font-family: inherit;
}

/* Specific overrides for elements that might have different fonts */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--system-font-stack);
  font-weight: 600;
}

/* Code and pre elements should use system monospace */
code,
pre,
kbd,
samp,
tt {
  font-family: var(--monospace-font-stack);
}

/* San Francisco specific adjustments for Apple devices */
@supports (font: -apple-system-body) {
  body {
    font: -apple-system-body;
  }
}

/* Adjust font weights for better rendering on Apple devices */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  body {
    -webkit-font-smoothing: subpixel-antialiased;
  }
}

/* Font size adjustments for better readability */
@media screen and (max-width: 768px) {
  body {
    font-size: 16px; /* Prevents zoom on iOS devices */
  }
}