/*
Theme Name: Precious Platinum
Theme URI: https://precious-platinum.de
Author: WeAreWeblabs
Author URI: https://weareweblabs.com
Description: Custom WooCommerce theme for Precious Platinum, migrated from the Next.js storefront.
Version: 0.2.0
Text Domain: precious
Requires at least: 6.0
Requires PHP: 8.0
License: Proprietary
*/

/* ═══════════════════════════════════════════════
   Design Tokens / Custom Properties
   ═══════════════════════════════════════════════ */
:root {
  /* ── Precious Primary Tokens ── */
  --pp-background: #ffffff;
  --pp-foreground: #000000;
  --pp-primary: #000000;
  --pp-primary-dark: #0a0a0a;
  --pp-accent: #c29765;
  --pp-accent-light: #d4a978;
  --pp-accent-dark: #a0794f;
  --pp-silver: #c0c0c0;
  --pp-silver-light: #e8e8e8;
  --pp-silver-dark: #909090;

  /* ── Legacy dm-* Token Bridge ──
     woo-style.css uses dm-* variables extensively.
     These aliases map them to the Precious light-mode context. */

  /* Backgrounds */
  --dm-bg-primary: #000000;
  --dm-bg-secondary: #111111;
  --dm-bg-footer: #050505;
  --dm-bg-white: #ffffff;
  --dm-bg-light: #f1f3f5;
  --dm-bg-card-light: #f8f9fa;

  /* Text – light (on dark bg) */
  --dm-text-white: #ffffff;
  --dm-text-muted-light: rgba(255,255,255,0.4);
  --dm-text-sub-light: rgba(255,255,255,0.55);
  --dm-text-hint-light: rgba(255,255,255,0.35);

  /* Text – dark (on light bg) */
  --dm-text-dark: #0a1017;
  --dm-text-light: rgba(0,0,0,0.5);
  --dm-text-muted-dark: rgba(0,0,0,0.4);
  --dm-text-sub-dark: rgba(0,0,0,0.5);
  --dm-text-hint-dark: rgba(0,0,0,0.35);

  /* Brand */
  --dm-primary: var(--pp-primary);
  --dm-bg-primary-hover: #1a1a1a;

  /* Borders */
  --dm-border-light: rgba(255,255,255,0.08);
  --dm-border-dark: rgba(0,0,0,0.06);
  --dm-border-mid: rgba(0,0,0,0.08);
  --dm-border-strong: rgba(0,0,0,0.12);

  /* Shadows / hover */
  --dm-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --dm-shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --dm-hover-light: rgba(0,0,0,0.04);

  /* Radii */
  --dm-radius-sm: 8px;
  --dm-radius-md: 12px;
  --dm-radius-lg: 16px;
  --dm-radius-xl: 20px;

  /* Layout */
  --dm-container: 1200px;
  --dm-font-primary: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ═══════════════════════════════════════════════
   Reset & Base
   ═══════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color: #fff; color: var(--dm-text-dark); overflow-x: hidden; line-height: 1.6; }
::selection { background: var(--pp-accent); color: #fff; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; }
button { font-family: inherit; cursor: pointer; }

/* Material Symbols (Rounded — icon font) */
.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Spin animation for loaders */
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* ═══════════════════════════════════════════════
   All visual styling is in assets/css/precious.css
   WooCommerce overrides live in woo-style.css
   ═══════════════════════════════════════════════ */