/* =====================================================
   Alwaled Cafe - Theme (Green palette)
   ===================================================== */

:root {
    /* Palette from user spec */
    --c-darkest:   #051F20;
    --c-dark:      #0B2B26;
    --c-mid-dark:  #163832;
    --c-mid:       #235347;
    --c-light:     #8EB69B;
    --c-lightest:  #DAF1DE;

    /* Semantic tokens */
    --bg-app:        var(--c-lightest);
    --bg-sidebar:    var(--c-darkest);
    --bg-card:       #ffffff;
    --bg-card-alt:   #f7faf8;
    --bg-header:     #ffffff;
    --bg-hover:      rgba(35, 83, 71, 0.08);
    --bg-active:     var(--c-mid);
    --bg-badge:      var(--c-mid-dark);

    --text-primary:      var(--c-darkest);
    --text-secondary:    #4a6961;
    --text-muted:        #7a938c;
    --text-on-dark:      #DAF1DE;
    --text-on-primary:   #ffffff;
    --text-heading:      var(--c-dark);

    --border-color:  #d5e5db;
    --border-strong: #8EB69B;

    --accent:         var(--c-mid);
    --accent-hover:   var(--c-mid-dark);
    --accent-soft:    rgba(35, 83, 71, 0.15);

    --success: #2f9e6f;
    --warning: #d29a2b;
    --danger:  #c93b3b;
    --info:    #2f7aa8;

    /* Layout */
    --sidebar-w:     260px;
    --sidebar-w-sm:  72px;
    --header-h:      68px;
    --radius:        14px;
    --radius-sm:     10px;
    --radius-lg:     20px;

    --shadow-sm: 0 1px 2px rgba(5, 31, 32, 0.06);
    --shadow-md: 0 4px 14px rgba(5, 31, 32, 0.08);
    --shadow-lg: 0 12px 30px rgba(5, 31, 32, 0.12);

    --transition: 180ms ease;
}