/* Font System - Matches Notarra Mobile App */

/* Notarra Custom Fonts */
@font-face {
  font-family: 'Excalifont';
  src: url('../fonts/Excalifont-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PermanentMarker';
  src: url('../fonts/PermanentMarker-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'OpenDyslexic';
  src: url('../fonts/OpenDyslexic3-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'OpenDyslexic';
  src: url('../fonts/OpenDyslexic3-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Font Variables */
:root {
  --font-header: 'PermanentMarker', cursive;
  --font-body: 'Excalifont', sans-serif;
  --font-mono: 'Courier New', monospace;

  /* Font Sizes - Regular */
  --font-size-small: 14px;
  --font-size-regular: 14px;
  --font-size-medium: 18px;
  --font-size-large: 22px;
  --font-size-xlarge: 28px;
}

/* Notarra Font Style */
body.font-notarra {
  --font-header: 'PermanentMarker', cursive;
  --font-body: 'Excalifont', sans-serif;
}

/* System Font Style */
body.font-system {
  --font-header: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Dyslexia-Friendly Font Style */
body.font-dyslexia {
  --font-header: 'OpenDyslexic', sans-serif;
  --font-body: 'OpenDyslexic', sans-serif;
}

/* Font Size Scales */
body.font-size-small {
  --font-size-small: 12px;
  --font-size-regular: 12px;
  --font-size-medium: 16px;
  --font-size-large: 20px;
  --font-size-xlarge: 24px;
}

body.font-size-regular {
  --font-size-small: 14px;
  --font-size-regular: 14px;
  --font-size-medium: 18px;
  --font-size-large: 22px;
  --font-size-xlarge: 28px;
}

body.font-size-medium {
  --font-size-small: 16px;
  --font-size-regular: 16px;
  --font-size-medium: 20px;
  --font-size-large: 26px;
  --font-size-xlarge: 32px;
}

body.font-size-large {
  --font-size-small: 18px;
  --font-size-regular: 18px;
  --font-size-medium: 24px;
  --font-size-large: 30px;
  --font-size-xlarge: 36px;
}

body.font-size-xlarge {
  --font-size-small: 20px;
  --font-size-regular: 20px;
  --font-size-medium: 28px;
  --font-size-large: 34px;
  --font-size-xlarge: 40px;
}

/* Font Preview Classes */
.notarra-preview {
  font-family: 'Excalifont', sans-serif;
}

.system-preview {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.dyslexia-preview {
  font-family: 'OpenDyslexic', sans-serif;
}