/*
Theme Name: flipaio
Theme URI: https://flipaio.de
Author: apollon GmbH+Co. KG
Author URI: https://apollon.de
Description: Offizielles WordPress Theme für flipaio – der smarte Online-Katalog für interaktive digitale Publikationen.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: flipaio
*/

/* =========================================
   CSS DESIGN SYSTEM – flipaio Theme
   ========================================= */

:root {
  /* Brand Colors */
  --color-primary: #1ea6df;
  --color-primary-dark: #1690c5;
  --color-primary-light: #4dbde8;
  --color-accent: #63c3d1;
  --color-accent-dark: #4aa8b6;

  /* Neutrals */
  --color-bg: #ffffff;
  --color-bg-soft: #f8fbfd;
  --color-bg-card: #f0f7fb;
  --color-border: #e2eef4;
  --color-border-dark: #c8dde8;

  /* Text */
  --color-text-primary: #1a2b38;
  --color-text-secondary: #4a6070;
  --color-text-muted: #8aabb8;

  /* Dark Section */
  --color-dark-bg: #0f1e2a;
  --color-dark-card: #162232;

  /* Typography */
  --font-body: 'Open Sans', system-ui, sans-serif;
  --font-heading: 'Open Sans', system-ui, sans-serif;

  /* Spacing */
  --section-padding: 72px 0;
  --container-width: 1180px;
  --border-radius: 12px;
  --border-radius-lg: 20px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(30, 166, 223, 0.08);
  --shadow-md: 0 4px 16px rgba(30, 166, 223, 0.12);
  --shadow-lg: 0 12px 40px rgba(30, 166, 223, 0.16);
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06);
}