/* === DESIGN TOKENS === */
/* Kaysha Almera Utama — Single source of truth untuk semua nilai desain */

:root {

  /* === COLORS: PRIMARY === */
  --color-primary:        #01696f;
  --color-primary-hover:  #015a60;
  --color-primary-light:  #e6f4f4;

  /* === COLORS: SURFACE === */
  --color-bg:             #f7f6f2;
  --color-surface:        #ffffff;
  --color-surface-alt:    #f2f1ee;

  /* === COLORS: TEXT === */
  --color-text:           #1a1917;
  --color-text-muted:     #6b6a68;

  /* === COLORS: BORDER === */
  --color-border:         #dddbd5;
  --color-border-strong:  #b8b6b0;

  /* === COLORS: SEMANTIC === */
  --color-success:        #1a7a4a;
  --color-success-light:  #e8f5ee;
  --color-error:          #c13333;
  --color-error-light:    #fce8e8;
  --color-warning:        #b07a10;
  --color-warning-light:  #fef3dc;

  /* === SHADOW === */
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md:  0 4px 12px rgba(0, 0, 0, 0.08);

  /* === BORDER RADIUS === */
  --radius-sm:  6px;
  --radius-md:  8px;
  --radius-lg:  10px;
  --radius-xl:  14px;
  --radius-full: 9999px;

  /* === SPACING === */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;

  /* === TYPOGRAPHY === */
  --font-family:    'Plus Jakarta Sans', sans-serif;
  --font-size-xs:   12px;
  --font-size-sm:   13px;
  --font-size-base: 15px;
  --font-size-lg:   18px;
  --font-size-xl:   22px;
  --font-size-2xl:  26px;
  --font-size-3xl:  30px;

  --font-weight-light:    300;
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  --line-height-tight:  1.2;
  --line-height-base:   1.6;

  /* === LAYOUT === */
  --sidebar-width:      240px;
  --header-height:      60px;
  --content-padding:    32px;
  --content-padding-mobile: 20px;

  /* === TRANSITION === */
  --transition-fast:    0.15s ease;
  --transition-base:    0.2s ease;
}