/*
Theme Name: AI Baby
Theme URI: https://apps.apple.com/pl/app/ai-baby-generator-future-face/id6745320314
Description: Marketing theme for the AI Baby Generator・Future Face iOS app. Classic PHP theme, no page-builder or i18n/SEO plugins. Warm Pixar-3D identity, pink accent, Baloo 2 + Figtree.
Author: Appstorm
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: aibaby
*/

/* Base tokens live here; the full visual system is in style-extended.css. */
:root {
  --accent: #F23E5C;
  --accent-dark: #DE2B49;
  --blue: #5E8DF0;
  --purple: #9B7BE0;
  --ink: #1C1A1F;
  --muted: #6B635D;
  --cream: #FBF1E5;
  --page-grad: linear-gradient(168deg, #FBF1E5 0%, #F8EEE0 38%, #EFEAEC 70%, #E9EAF3 100%);

  /* repeated light tints (pulled out of style-extended.css component rules) */
  --tint-cream: #FBF4ED;
  --tint-cream-2: #F4ECE4;
  --tint-pink: #FCE5E9;
  --tint-blue: #E9EFFB;
  --tint-purple: #EFE8FB;
  --tint-peach: #F0E7DD;
  --tint-border: #EFE5DB;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--ink);
  background: #F8EFE3;
}
::selection { background: #F9C9D2; }
img { max-width: 100%; }

/* Custom scrollbars — thin, rounded, accent-tinted instead of the default
   platform bar. Individual components (review carousel, etc.) can still
   opt out with their own scrollbar-width/::-webkit-scrollbar override. */
html { scrollbar-width: thin; scrollbar-color: rgba(180,140,120,.4) transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background-color: rgba(180,140,120,.4); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(242,62,92,.55); background-clip: padding-box; }