/*
 Theme Name:   Abisko Werkstatt
 Description:  David Braun Gestalter HfG - Child theme mit Typography, ColorDots, und OKLCH
 Author:       David Braun
 Author URI:   https://davidbraun.ch
 Template:     abisko
 Version:      2.1.0
 Text Domain:  abisko-werkstatt
 Requires PHP: 7.4
*/

/**
 * ========================================
 * TABLE OF CONTENTS
 * ========================================
 * 
 * 1. Typography   - Font-face declarations (14 Uni Neue fonts)
 * 2. Colors       - OKLCH color system
 * 3. Base         - HTML/Body global styles
 * 4. Links        - Link states and contexts
 * 5. Forms        - Inputs, buttons, fieldsets
 * 6. Blocks       - WordPress block overrides
 * 7. Components   - Custom components (colorsample, etc.)
 * 8. Plugins      - Third-party plugin overrides
 * 
 * ========================================
 * CRITICAL NOTES
 * ========================================
 * 
 * - Fonts are SEPARATE FAMILIES, not weights
 * - Use "Uni Neue Bold", NOT "Uni Neue" with font-weight: 700
 * - font-synthesis: none prevents browser fake-bold
 * - All colors use OKLCH for perceptual uniformity
 * - ColorDots styles are loaded separately via functions.php
 * 
 * ========================================
 */

/* ========================================
   1. TYPOGRAPHY
   ======================================== */

/**
 * All 14 Uni Neue font families
 * Each weight is a separate family (prevents synthetic bolding)
 */

@import url('./assets/css/typography.css');

/* ========================================
   2. COLORS
   ======================================== */

/**
 * OKLCH color variables
 * Used throughout the theme
 */

@import url('./assets/css/colors.css');

/* ========================================
   3. BASE
   ======================================== */

/**
 * Global HTML/Body styles
 * Background gradient, smooth scrolling
 */

@import url('./assets/css/base.css');

/* ========================================
   4. LINKS
   ======================================== */

/**
 * Link styling for all contexts:
 * - Main content (red underline)
 * - Navigation (no underline)
 * - Images (no styling)
 * - Tooltips (dotted underline)
 */

@import url('./assets/css/links.css');

/* ========================================
   5. FORMS
   ======================================== */

/**
 * Form elements, buttons, fieldsets
 */

@import url('./assets/css/forms.css');

/* ========================================
   6. BLOCKS
   ======================================== */

/**
 * WordPress block editor overrides
 * Alignment classes, cover blocks, etc.
 */

@import url('./assets/css/blocks.css');

/* ========================================
   7. COMPONENTS
   ======================================== */

/**
 * Custom components
 * - Color sample circles (legacy)
 * - Screen reader text
 * - Skip link
 */

@import url('./assets/css/components.css');

/* ========================================
   8. PLUGINS
   ======================================== */

/**
 * Third-party plugin overrides
 * - Related Posts by Taxonomy
 * - WP Glossary
 * - Contact Form 7
 */

@import url('./assets/css/plugins.css');

/* ========================================
   NOTE: ColorDots Alignment Fix
   ======================================== */

/**
 * colordots-alignment-fix.css wird via functions.php geladen
 * NICHT hier importieren! Muss NACH colordots-styles.css laden.
 */

/* ========================================
   PRINT STYLES
   ======================================== */

@media print {
  /* Hide non-essential elements */
  .site-header,
  .site-footer,
  .sidebar,
  .navigation {
    display: none;
  }
  
  /* Optimize content for print */
  .entry-content {
    max-width: none;
    padding: 0;
  }
  
  /* Ensure proper font rendering */
  body {
    font-family: "Uni Neue Regular", Georgia, serif;
  }
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */

/* Tablet */
@media (max-width: 1024px) {
  /* Add tablet-specific overrides here if needed */
}

/* Mobile */
@media (max-width: 781px) {
  body {
    /* Ensure readable font sizes on mobile */
    font-size: 16px;
  }
}

/* ========================================
   END OF STYLE.CSS
   ======================================== */

/**
 * ColorDots styles are loaded separately via:
 * wp_enqueue_style('colordots-styles', ..., COLORDOTS_VERSION)
 * 
 * This ensures proper version management and cache busting.
 */