/* ==========================================================================
   MINERVA · Design Tokens
   Sinkron dengan "Serva Color System".
   Website korporat memakai FOUNDATION (neutral) sebagai identitas.
   Warna produk/modul HANYA dipakai sebagai penanda identitas modul
   (titik, garis, chip), bukan sebagai warna brand perusahaan.
   ========================================================================== */

:root {
  /* ---- Foundation (dipakai di semua modul) ---- */
  --bg:            #F8F6F3;
  --bg-secondary:  #EFEAE4;
  --surface:       #FFFFFF;
  --border:        #DDD5CD;

  --text:          #2E2B28;  /* Primary Text   */
  --text-2:        #76706A;  /* Secondary Text */
  --text-3:        #A09A94;  /* Tertiary Text  */
  --text-4:        #B8B2AC;  /* Disabled Text  */

  /* ---- Semantic ---- */
  --success: #6F8B72;
  --warning: #C79A5D;
  --error:   #B95C5C;
  --info:    #5B7DA8;

  /* ---- Neutral gradation (shadow & elevation) ---- */
  --n-0:   #FFFFFF;
  --n-50:  #FAF9F7;
  --n-100: #ECE8E4;
  --n-200: #DDD5CD;
  --n-300: #CFC7BF;
  --n-400: #BDB3AA;

  /* ---- Warna identitas modul (aksen kecil saja) ---- */
  --m-pos:          #4D4F4C;
  --m-pos-soft:     #C2C5C1;
  --m-booking:      #8A7563;
  --m-booking-soft: #DCC8B5;
  --m-crm:          #6B7F62;
  --m-crm-soft:     #C8D8C3;
  --m-hr:           #5B6E8F;
  --m-hr-soft:      #C5D0E7;
  --m-omni:         #6D5D7E;
  --m-omni-soft:    #D2CBE1;
  --m-acc:          #2F5E5A;
  --m-acc-soft:     #B6D1CD;

  /* ---- Elevation (dibangun dari neutral gradation) ---- */
  --shadow-xs: 0 1px 2px rgba(46, 43, 40, .04);
  --shadow-sm: 0 2px 8px rgba(46, 43, 40, .05);
  --shadow-md: 0 12px 32px -12px rgba(46, 43, 40, .14);
  --shadow-lg: 0 32px 64px -32px rgba(46, 43, 40, .22);

  /* ---- Type ---- */
  --font-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;

  /* ---- Ruang & bentuk ---- */
  --shell: 1200px;
  --gutter: clamp(20px, 5vw, 56px);
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;

  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .5s;
}

/* --------------------------------------------------------------------------
   Alias: menyamakan penamaan dengan serva-pos-web/src/index.css
   (--background, --foreground, --surface-alt, --muted, --muted-soft, --disabled)
   supaya token gampang dipindahkan antar repo.
   Catatan: serva-pos-web saat ini masih memakai palet lama (cocoa + sapphire);
   nilai di bawah adalah palet baru dari "Serva Color System".
   -------------------------------------------------------------------------- */
:root {
  --background:  var(--bg);
  --foreground:  var(--text);
  --surface-alt: var(--bg-secondary);
  --muted:       var(--text-2);
  --muted-soft:  var(--text-3);
  --disabled:    var(--text-4);
}