@import "tailwindcss";

/* ===== Nunito Font-Faces (self-hosted, EU-DSGVO compliant) ===== */
@font-face { font-family: 'Nunito'; src: url("/fonts/nunito/Nunito-Light.woff2") format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url("/fonts/nunito/Nunito-Regular.woff2") format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url("/fonts/nunito/Nunito-Medium.woff2") format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url("/fonts/nunito/Nunito-SemiBold.woff2") format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url("/fonts/nunito/Nunito-Bold.woff2") format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url("/fonts/nunito/Nunito-ExtraBold.woff2") format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url("/fonts/nunito/Nunito-Italic.woff2") format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }

@theme inline {
  --font-sans: 'Nunito', ui-sans-serif, system-ui, sans-serif;

  /* Backgrounds */
  --color-cream: #F5F1EB;
  --color-page: #FAF8F5;
  --color-card: #FFFFFF;
  --color-surface: #F5F3EF;
  --color-muted: #F0EDE8;
  --color-warm: #EDE8E0;

  /* Borders */
  --color-border-default: #E8E4DF;
  --color-border-subtle: #F0EDE8;

  /* Sage (Primary Brand) */
  --color-sage: #7C9082;
  --color-sage-dark: #5A6B5E;
  --color-sage-light: #A8BBA8;

  /* Accent */
  --color-accent: #3C4043;
  --color-accent-light: #5F6368;

  /* Text */
  --color-text-primary: #2D2D2D;
  --color-text-body: #5A5A5A;
  --color-text-secondary: #707070;
  --color-text-muted: #ADADAD;

  /* Feedback */
  --color-error: #D4453A;
  --color-error-dark: #B23028;
  --color-error-light: #FDECEA;
  --color-success: #5A8A5E;
  --color-success-dark: #3D6B40;
  --color-success-light: #EAF4EB;
  --color-warning: #D4A03A;
  --color-warning-dark: #B5872E;
  --color-warning-light: #FDF5E6;
  --color-info: #4A7FA5;
  --color-info-dark: #3A6688;
  --color-info-light: #E8F1F8;

  /* Overlays */
  --color-overlay-dark: #1A1A1A99;
  --color-overlay-light: #FFFFFF22;
}

/* iOS Safe Area: adds safe-area inset ON TOP of existing padding */
@utility pb-safe {
  padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
}

/* Dark Mode prepared but inactive until V2 dark tokens are defined */
@custom-variant dark (&:where(.dark, .dark *));