/* RED SOS LUXURY BRAND DESIGN SYSTEM & TOKENS - STRICT CLOSED 9-COLOR LIGHT-FIRST PALETTE */
@import url('/assets/css/local-fonts.css');

:root {
    /* WARM ARTISAN BISTRO DESIGN TOKENS */
    --surface-page:       #FAF8F5;  /* Warm linen & parchment canvas */
    --surface-primary:    #FFFFFF;  /* Crisp warm milk white */
    --surface-secondary:  #F2ECE4;  /* Warm oatmeal & toasted biscuit */
    --border-neutral:     #E5DFD5;  /* Warm cashmere & stone border */

    --text-muted:         #8C827A;  /* Warm hazelnut taupe */
    --text-secondary:     #57534E;  /* Warm walnut / stone-600 */
    --text-primary:       #1C1917;  /* Deep roasted espresso / stone-900 */

    /* RedSos Signature Bordo Palette */
    --accent-muted:       #7A0C1A;  /* Derin tok kırmızı/bordo */
    --accent-primary:     #900F20;  /* Canlı imza bordo */
    --accent-dark:        #4A040D;  /* Gece bordo tonu */
    --accent-gradient:    linear-gradient(135deg, #7A0C1A 0%, #900F20 100%);
    --accent-glow:        rgba(122, 12, 26, 0.28);

    /* Legacy Mappings for Seamless Zero-Break Transition */
    --color-white:        #FFFFFF;
    --color-gray-100:     #F2ECE4;
    --color-gray-400:     #8C827A;
    --color-gray-600:     #E5DFD5;
    --color-gray-800:     #FAF7F2;
    --color-black:        #1C1917;
    --color-red-muted:    #7A0C1A;
    --color-red-primary:  #900F20;

    /* Semantic Brand Mappings */
    --redsos-crimson:     var(--accent-muted);
    --redsos-deep-red:    var(--accent-muted);
    --redsos-bright-red:  var(--accent-primary);
    --redsos-ruby-glow:   rgba(122, 12, 26, 0.22);

    /* Backgrounds: Warm Surface Hierarchy */
    --bg-obsidian:        var(--surface-page);
    --bg-obsidian-deep:   var(--surface-page);
    --bg-obsidian-surface:var(--surface-secondary);
    --bg-card:            var(--surface-primary);
    --bg-card-hover:      #F7F3ED;
    --bg-glass:           rgba(255, 255, 255, 0.88);

    /* Typography Colors */
    --text-vanilla:       var(--text-primary);
    --text-cream-muted:   var(--text-secondary);
    --text-dim:           var(--text-muted);
    --text-dark:          var(--text-primary);

    /* Accents (Gourmet Amber & Flame) */
    --accent-gold:        #D97706;  /* Warm caramel & honey amber */
    --accent-amber:       #F59E0B;  /* Golden flame */
    --accent-gold-glow:   rgba(217, 119, 6, 0.25);
    --accent-gold-soft:   #FEF3C7;  /* Delicate warm honey cream */

    /* Status Colors */
    --status-active:      #16A34A;
    --status-soldout:     var(--accent-primary);
    --status-warning:     #D97706;

    /* Borders & Outlines */
    --border-subtle:      var(--border-neutral);
    --border-gold:        #E5C48A;
    --border-red:         rgba(122, 12, 26, 0.4);

    /* Shadows: Warm Organic Ambient Depth */
    --shadow-subtle:      0 2px 8px rgba(44, 30, 20, 0.04);
    --shadow-card:        0 4px 16px rgba(44, 30, 20, 0.06), 0 1px 3px rgba(44, 30, 20, 0.03);
    --shadow-elevated:    0 16px 36px rgba(44, 30, 20, 0.10), 0 4px 14px rgba(44, 30, 20, 0.05);
    --shadow-crimson-glow:0 8px 24px rgba(122, 12, 26, 0.25);

    /* Typography Stacks (No Serif - Pure Modern Outfit Display & Inter Body) */
    --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-serif:   'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; /* Anti-serif override */
    --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Radii */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-full: 9999px;

    /* Transitions */
    --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-smooth: 0.32s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-spring: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Global Reset & Base */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

html {
    background-color: var(--surface-page);
    color: var(--text-primary);
    font-family: var(--font-sans);
    font-size: 15px;
    line-height: 1.5;
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body {
    min-height: 100vh;
    background-color: var(--surface-page);
    color: var(--text-primary);
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    font-family: inherit;
    border: none;
    background: none;
    cursor: pointer;
    color: inherit;
}

input, textarea, select {
    font-family: inherit;
    color: inherit;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: var(--surface-page);
}
::-webkit-scrollbar-thumb {
    background: var(--border-neutral);
    border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}