/* tokens.css — কেন্দ্রীয় ডিজাইন টোকেন। এই ফাইলটা config/brand.json-এর
   রঙের সাথে মিরর করে (brand.json-এ কালার বদলালে এখানেও বদলাতে হবে —
   ভবিষ্যতে site.js থেকে রানটাইমে inject করাও সম্ভব)। */

:root {
    /* --- Brand color: pulled from the actual logo (#DF1F26) --- */
    --c-primary: #DF1F26;
    --c-primary-dark: #B4151B;
    --c-primary-tint: #FBE4E1;

    /* --- Neutrals: pulled from the product photography (walnut desks,
       stone floors, graphite cabinets) rather than a generic gray scale --- */
    --c-ink: #1C1B1A;
    --c-ink-soft: #4A4643;
    --c-surface: #EDE7DD;
    --c-surface-alt: #F7F4EE;
    --c-surface-dark: #221F1D;
    --c-wood: #6B4A32;
    --c-gold: #B8935A;
    --c-line: #DCD5C7;
    --c-white: #FFFFFF;

    /* --- Type --- */
    --f-display: 'Sora', 'Hind Siliguri', sans-serif;
    --f-body: 'Inter', 'Hind Siliguri', sans-serif;

    /* --- Signature shape: one deliberately large rounded corner, echoing
       the arched lamp-shade / circle-badge shape in the logo. Used on
       hero media, cards, and section dividers instead of generic
       all-corners-rounded or all-square boxes. --- */
    --r-arch: 56px;
    --r-soft: 10px;

    /* --- Spacing scale --- */
    --sp-1: 8px;
    --sp-2: 16px;
    --sp-3: 24px;
    --sp-4: 40px;
    --sp-5: 64px;
    --sp-6: 96px;

    /* --- Shadow --- */
    --shadow-card: 0 1px 2px rgba(28,27,26,.06), 0 8px 24px rgba(28,27,26,.08);
    --shadow-lift: 0 20px 48px rgba(28,27,26,.18);

    /* --- Watermark defaults (overridden at runtime from brand.json) --- */
    --wm-size: 15%;
    --wm-margin: 3%;
    --wm-opacity: 0.92;
}