/* Kitabkiro design tokens. Generated from the approved design source. Values are exact unless noted. */
@import url('../fonts/fonts.css');

:root {
  --kb-brand-navy-900: #1B1A4B; /* Primary ink: headings, nav text, dark buttons, utility bar background, active pagination, checkout step 'current' */
  --kb-brand-navy-950: #14133A; /* Footer background (SCR-001..003) */
  --kb-brand-green-700: #2F7D32; /* Primary action (Add to cart, Checkout, Place order), price on book cards, badges, links hover, checked controls (accent-color) */
  --kb-brand-green-800: #25692A; /* Hover state of green primary buttons (.kb-add:hover) */
  --kb-brand-green-900: #1F5A23; /* Green text on light green (discount value, In stock, filter chips, completed step text) */
  --kb-brand-green-100: #E6F1E3; /* Filter chip background, category chip on book page */
  --kb-brand-green-50: #F2F8F0; /* Selected radio-card background (checkout) */
  --kb-brand-red-600: #B3261E; /* Logo nib stroke, 'Only 2 left' ribbon background */
  --kb-brand-red-500: #C8372D; /* Seto Dharti cover, audiobook play button */
  --kb-danger: #A3271F; /* Checkout / form field errors (SCR-005 Q-021) */
  --kb-feedback-danger-text: #A3271F; /* 'Remove' text button in cart and drawer */
  --kb-accent-gold-400: #F5C04A; /* Award badges ('पुरस्कृत', 'मदन पुरस्कार विजेता' seal) */
  --kb-accent-gold-text: #6B3A00; /* Text on gold / light gold (award chips) */
  --kb-accent-gold-text-strong: #4A2A00; /* Text on gold ribbon 'पुरस्कृत' (category cards) */
  --kb-accent-gold-100: #FBE7B5; /* Award chip background on book page */
  --kb-accent-lavender-100: #ECEAF6; /* 'Audiobook available' chip background */
  --kb-surface-page: #FBF8F3; /* Page background (warm paper) for all screens; drawer background */
  --kb-surface-card: #FFFFFF; /* Cards, header, panels, inputs on white */
  --kb-surface-sand: #F4F0E8; /* Search field background, cart icon circle */
  --kb-surface-sand-hover: #F1ECE2; /* Hover background of ghost tiles/buttons (.kb-ghost:hover) */
  --kb-surface-dark-media: #2A1D1D; /* Audiobook video placeholder background */
  --kb-border-default: #E7E1D6; /* Card, panel, header and input-group borders */
  --kb-border-strong: #D9D2C4; /* Form inputs, quantity steppers, select */
  --kb-border-divider: #EFEAE0; /* Row dividers inside cards/lists, category nav top border */
  --kb-border-hover: #D3C9B5; /* Book card border on hover */
  --kb-border-step-inactive: #C9C2B4; /* Checkout step circle (upcoming) outline, carousel inactive dot */
  --kb-text-default: #2A2840; /* Body text base colour (root) */
  --kb-text-heading: #1B1A4B; /* Headings and strong text (same as navy-900) */
  --kb-text-body: #3A3852; /* Long-form description text, slide text */
  --kb-text-secondary: #4F4C66; /* Secondary text (summary labels, delivery notes) */
  --kb-text-muted: #5B5870; /* Muted text (meta lines, captions, breadcrumbs) */
  --kb-text-disabled: #8C89A3; /* Disabled pagination 'Previous', empty-state icon */
  --kb-text-on-dark: #E9E6F5; /* Utility bar text */
  --kb-text-on-dark-muted: #C9C5E3; /* Footer links/text, awarded band paragraph */
  --kb-text-on-dark-subtle: #A9A5C8; /* Footer copyright line */
  --kb-text-on-dark-price: #B9E3B0; /* Prices on the dark awarded band */
  --kb-text-on-cover: #F6EEDC; /* Title text printed on typographic cover placeholders */
  --kb-text-on-cover-strong: #FFF6EA; /* Large cover titles (hero carousel, book page cover) */
  --kb-footer-divider: #2B2960; /* Footer bottom divider */
  --kb-overlay-scrim: rgba(20,19,58,.45); /* Cart drawer backdrop */
  --kb-slide-coral: #F6E3DA; /* Hero slide 1 background */
  --kb-slide-wheat: #F5EAD0; /* Hero slide 2 background */
  --kb-slide-periwinkle: #E3E6F3; /* Hero slide 3 background */
  --kb-slide-sage: #E2EFDC; /* Hero slide 4 background */
  --kb-cover-1: #3A2E3F;
  --kb-cover-2: #23395B;
  --kb-cover-3: #2E2A5C;
  --kb-cover-4: #5A4632;
  --kb-cover-5: #3D6A8A;
  --kb-cover-6: #4A1E22;
  --kb-cover-7: #6B4A1F;
  --kb-cover-8: #4A4A44;
  --kb-cover-9: #8A3B2A;
  --kb-cover-10: #2E4A3A;
  --kb-cover-11: #3B3F5C;
  --kb-cover-12: #7A2E22;
  --kb-cover-13: #24406B;
  --kb-cover-14: #3D5A3A;
  --kb-cover-15: #9A4A1C;
  --kb-cover-16: #2B3A55;
  --kb-font-display: 'Noto Serif Devanagari', serif;
  --kb-font-body: 'Mukta', sans-serif;
  --kb-weight-regular: 400;
  --kb-weight-medium: 500;
  --kb-weight-semibold: 600;
  --kb-weight-bold: 700;
  --kb-fs-10: 10px;
  --kb-fs-12: 12px;
  --kb-fs-13: 13px;
  --kb-fs-14: 14px;
  --kb-fs-15: 15px;
  --kb-fs-16: 16px;
  --kb-fs-17: 17px;
  --kb-fs-18: 18px;
  --kb-fs-19: 19px;
  --kb-fs-20: 20px;
  --kb-fs-22: 22px;
  --kb-fs-24: 24px;
  --kb-fs-28: 28px;
  --kb-fs-30: 30px;
  --kb-fs-34: 34px;
  --kb-fs-36: 36px;
  --kb-fs-38: 38px;
  --kb-fs-40: 40px;
  --kb-fs-44: 44px;
  --kb-fs-46: 46px;
  --kb-fs-64: 64px;
  --kb-lh-tight: 1;
  --kb-lh-heading: 1.25;
  --kb-lh-title: 1.35;
  --kb-lh-body: 1.6;
  --kb-lh-long: 1.85;
  --kb-ls-caps: .08em;
  --kb-space-4: 4px;
  --kb-space-6: 6px;
  --kb-space-8: 8px;
  --kb-space-10: 10px;
  --kb-space-12: 12px;
  --kb-space-14: 14px;
  --kb-space-16: 16px;
  --kb-space-18: 18px;
  --kb-space-20: 20px;
  --kb-space-22: 22px;
  --kb-space-24: 24px;
  --kb-space-28: 28px;
  --kb-space-32: 32px;
  --kb-space-40: 40px;
  --kb-space-48: 48px;
  --kb-space-56: 56px;
  --kb-space-64: 64px;
  --kb-space-72: 72px;
  --kb-space-80: 80px;
  --kb-radius-xs: 4px;
  --kb-radius-sm: 6px;
  --kb-radius-md: 8px;
  --kb-radius-lg: 10px;
  --kb-radius-xl: 14px;
  --kb-radius-2xl: 16px;
  --kb-radius-3xl: 18px;
  --kb-radius-hero: 20px;
  --kb-radius-pill: 999px;
  --kb-radius-book: 2px 6px 6px 2px;
  --kb-shadow-book-card: inset 4px 0 0 rgba(0,0,0,.2), 0 18px 26px -14px rgba(27,26,75,.6);
  --kb-shadow-book-hero: inset 5px 0 0 rgba(0,0,0,.2), 0 26px 40px -20px rgba(27,26,75,.6);
  --kb-shadow-book-detail: 0 30px 60px -24px rgba(27,26,75,.5);
  --kb-shadow-book-thumb: 0 10px 20px -10px rgba(27,26,75,.45);
  --kb-shadow-book-thumb-drawer: inset 3px 0 0 rgba(0,0,0,.18), 0 10px 16px -10px rgba(27,26,75,.5);
  --kb-shadow-book-on-dark: 0 16px 30px -14px rgba(0,0,0,.6);
  --kb-shadow-card-hover: 0 18px 30px -22px rgba(27,26,75,.4);
  --kb-shadow-ribbon: 0 4px 8px -4px rgba(27,26,75,.4);
  --kb-shadow-drawer: -24px 0 48px -24px rgba(20,19,58,.5);
  --kb-shadow-tab-active: inset 0 -3px 0 #2F7D32;
  --kb-container: 1400px;
  --kb-gutter: 24px;
  --kb-touch: 44px;
  --kb-drawer-w: 420px;
  --kb-ease-hover: .2s ease;
  --kb-ease-book: .25s ease;
  --kb-ease-drawer: .3s ease;
  --kb-ease-row: .45s ease;
  --kb-ease-hero: .55s ease;
}