/*
Theme Name: Smart Diabetes Care
Theme URI: https://smartdiabetescare.pk
Author: MindAnchor
Author URI: https://mindanchor.tech
Description: Custom WooCommerce theme for Smart Diabetes Care (smartdiabetescare.pk) — Aurora Minimalist Glassmorphic Hybrid design system. Built for CGM, glucometer and diabetic-care e-commerce in Pakistan.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
WC requires at least: 8.0
WC tested up to: 9.5
License: Proprietary
Text Domain: sdc
*/

/* ==========================================================================
   Design tokens — Aurora Minimalist Glassmorphic Hybrid
   These are also mirrored as CSS vars in assets/css/aurora-glassmorphic.css
   which is the file actually enqueued for the bulk of the design system.
   This block stays here so the tokens are visible from the theme's required
   stylesheet at a glance.
   ========================================================================== */
:root{
  /* Brand */
  --sdc-green: #4CAE5C;
  --sdc-green-dark: #388C48;
  --sdc-blue: #2A4F93;
  --sdc-blue-deep: #1B356A;
  --sdc-black: #12130F;
  --sdc-bg: #F7F7F3;
  --sdc-bg-warm: #EFEFE8;
  --sdc-white: #FFFFFF;

  /* Glass */
  --glass-fill: rgba(255,255,255,0.68);
  --glass-fill-strong: rgba(255,255,255,0.82);
  --glass-border: rgba(255,255,255,0.55);
  --glass-blur-soft: 14px;
  --glass-blur-strong: 22px;
  --glass-shadow: 0 8px 30px rgba(18,19,15,0.08);

  /* Dark glass (footer, pricing, spotlights) */
  --glass-dark-fill: rgba(18,19,15,0.72);
  --glass-dark-border: rgba(255,255,255,0.08);

  /* Type */
  --font-display: 'Space Grotesk', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Radius */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
}

/* Minimal safety reset so the theme looks correct even before the full
   design-system stylesheet loads. Full system lives in
   assets/css/aurora-glassmorphic.css (enqueued in functions.php). */
*, *::before, *::after{ box-sizing: border-box; }
body{
  background: var(--sdc-bg);
  color: var(--sdc-black);
  font-family: var(--font-body);
  margin: 0;
}
img{ max-width: 100%; height: auto; display: block; }
a{ color: inherit; }