/*==================================================
WAHID ADMIN PANEL
Design System v2.0
Copyright © Kantor Pertanahan Kabupaten Gorontalo
==================================================*/

:root {
  /*==================================================
   BRAND COLOR
  ==================================================*/

  --wahid-blue: #123e73;
  --wahid-blue-light: #2a5d98;
  --wahid-blue-dark: #081f3a;

  --wahid-gold: #c79a2b;
  --wahid-gold-light: #e2bc57;
  --wahid-gold-dark: #8f6514;

  --wahid-red: #b32025;
  --wahid-red-light: #d94444;

  --wahid-green: #2e7d32;

  --white: #ffffff;

  /*==================================================
   PRIMARY
  ==================================================*/

  --primary: var(--wahid-blue);
  --primary-light: var(--wahid-blue-light);
  --primary-dark: var(--wahid-blue-dark);

  --secondary: var(--wahid-gold);

  /*==================================================
   BACKGROUND
  ==================================================*/

  --bg: #f3f6fb;

  --bg-soft: #edf2f8;

  --bg-dark: #e6edf5;

  --card: #ffffff;

  /*==================================================
   GLASS
  ==================================================*/

  --glass: rgba(255, 255, 255, 0.72);

  --glass-hover: rgba(255, 255, 255, 0.82);

  --glass-border: rgba(255, 255, 255, 0.42);

  --glass-dark: rgba(18, 62, 115, 0.08);

  /*==================================================
   SIDEBAR
  ==================================================*/

  --sidebar-bg: linear-gradient(180deg, #081f3a 0%, #123e73 30%, #1c528c 65%, #7c4c05 100%);

  --sidebar-hover: rgba(255, 255, 255, 0.12);

  --sidebar-active: rgba(255, 255, 255, 0.18);

  --sidebar-text: #ffffff;

  /*==================================================
   NAVBAR
  ==================================================*/

  --navbar-bg: rgba(255, 255, 255, 0.82);

  --navbar-border: #e4ecf4;

  /*==================================================
   BUTTON
  ==================================================*/

  --btn-primary: linear-gradient(135deg, #123e73, #1f5ea7);

  --btn-gold: linear-gradient(135deg, #b78628, #d9b24a);

  --btn-danger: linear-gradient(135deg, #b32025, #d64545);

  --btn-success: linear-gradient(135deg, #2e7d32, #4caf50);

  /*==================================================
   TEXT
  ==================================================*/

  --text: #233446;

  --text-heading: #0f2742;

  --text-light: #718096;

  --text-white: #ffffff;

  /*==================================================
   BORDER
  ==================================================*/

  --border: #dce6f1;

  /*==================================================
   STATUS
  ==================================================*/

  --success: #2e7d32;

  --warning: #e7a400;

  --danger: #c62828;

  --info: #1976d2;

  /*==================================================
   CHART
  ==================================================*/

  --chart-blue: #123e73;

  --chart-gold: #c79a2b;

  --chart-red: #c62828;

  --chart-green: #2e7d32;

  --chart-bg: rgba(18, 62, 115, 0.08);

  /*==================================================
   SHADOW
  ==================================================*/

  --shadow-xs: 0 2px 6px rgba(18, 62, 115, 0.05);

  --shadow-sm: 0 5px 14px rgba(18, 62, 115, 0.08);

  --shadow: 0 12px 30px rgba(18, 62, 115, 0.12);

  --shadow-lg: 0 24px 60px rgba(18, 62, 115, 0.18);

  --shadow-gold: 0 15px 35px rgba(199, 154, 43, 0.25);

  /*==================================================
   RADIUS
  ==================================================*/

  --radius-xs: 8px;

  --radius-sm: 12px;

  --radius: 18px;

  --radius-lg: 24px;

  --radius-xl: 36px;

  /*==================================================
   ICON
  ==================================================*/

  --icon-bg: rgba(18, 62, 115, 0.08);

  --icon-gold: rgba(199, 154, 43, 0.12);

  --icon-red: rgba(179, 32, 37, 0.12);

  --icon-green: rgba(46, 125, 50, 0.12);

  /*==================================================
   TABLE
  ==================================================*/

  --table-head: #123e73;

  --table-head-text: #ffffff;

  --table-hover: #f4f8fc;

  /*==================================================
   INPUT
  ==================================================*/

  --input-bg: #ffffff;

  --input-border: #d8e4f0;

  --input-focus: #123e73;

  /*==================================================
   BADGE
  ==================================================*/

  --badge-blue: #e7f0fb;

  --badge-gold: #fff6e3;

  --badge-red: #ffecec;

  --badge-green: #eaf8ec;

  /*==================================================
   TIMELINE
  ==================================================*/

  --timeline-line: #d8e4f0;

  --timeline-dot: #c79a2b;

  /*==================================================
   PROGRESS
  ==================================================*/

  --progress-bg: #e6edf5;

  --progress-primary: #123e73;

  --progress-gold: #c79a2b;

  /*==================================================
   MAIN GRADIENT
  ==================================================*/

  --gradient: linear-gradient(180deg, #081f3a 0%, #123e73 30%, #1e5b9c 70%, #123e73 100%);

  /*==================================================
   HEADER GRADIENT
  ==================================================*/

  --gradient-header: linear-gradient(135deg, #123e73, #1f5ea7);

  /*==================================================
   GOLD GRADIENT
  ==================================================*/

  --gradient-gold: linear-gradient(135deg, #a87c23, #d9b24a);

  /*==================================================
   RED GRADIENT
  ==================================================*/

  --gradient-red: linear-gradient(135deg, #9f1d20, #c83a3d);

  /*==================================================
   GREEN GRADIENT
  ==================================================*/

  --gradient-green: linear-gradient(135deg, #2e7d32, #4caf50);

  /*==================================================
   TRANSITION
  ==================================================*/

  --transition: 0.35s ease;
}