/**
 * Hiryo Organization - Agriculture-Themed Design System
 * 
 * Clean, eye-friendly color palette inspired by nature and agriculture
 * with excellent contrast and readability.
 * 
 * @author HiryoOrg Development Team
 * @version 2.1
 */

 :root {
    /* === AGRICULTURE BRAND COLORS === */
    --brand-primary: #2e7d32;        /* Deep forest green */
    --brand-secondary: #4caf50;      /* Fresh green */
    --brand-accent: #66bb6a;         /* Light green */
    --brand-light: #c8e6c9;          /* Very light green */
    --brand-dark: #1b5e20;           /* Dark forest green */
    
    /* === NATURE-INSPIRED NEUTRAL COLORS === */
    --color-white: #ffffff;
    --color-black: #212121;
    --color-gray-50: #fafafa;
    --color-gray-100: #f5f5f5;
    --color-gray-200: #eeeeee;
    --color-gray-300: #e0e0e0;
    --color-gray-400: #bdbdbd;
    --color-gray-500: #9e9e9e;
    --color-gray-600: #757575;
    --color-gray-700: #616161;
    --color-gray-800: #424242;
    --color-gray-900: #212121;
    
    /* === EARTH-TONE SEMANTIC COLORS === */
    --color-success: #2e7d32;        /* Vibrant green for better visibility */
    --color-warning: #f57c00;        /* Warm orange */
    --color-error: #d32f2f;          /* Deep red */
    --color-info: #1976d2;           /* Sky blue */
    
    /* === STATUS COLORS (Agriculture-themed) === */
    --status-active: #2e7d32;        /* Healthy green */
    --status-pending: #f57c00;       /* Harvest orange */
    --status-inactive: #9e9e9e;      /* Dormant gray */
    --status-danger: #d32f2f;        /* Alert red */
    --status-info: #1976d2;          /* Info blue */
    --status-growing: #4caf50;       /* Growing green */
    --status-harvest: #ff9800;       /* Harvest gold */
    
    /* === CLEAN BACKGROUND COLORS === */
    --bg-primary: #ffffff;           /* Pure white */
    --bg-secondary: #f8f9fa;         /* Off-white */
    --bg-tertiary: #f1f8e9;          /* Very light green tint */
    --bg-panel: #ffffff;             /* Clean white panels */
    --bg-panel-glass: rgba(255, 255, 255, 0.95);
    --bg-overlay: rgba(0, 0, 0, 0.4);
    
    /* === HIGH-CONTRAST TEXT COLORS === */
    --text-primary: #212121;         /* Deep black */
    --text-secondary: #424242;       /* Dark gray */
    --text-tertiary: #757575;        /* Medium gray */
    --text-inverse: #ffffff;         /* White text */
    --text-muted: #9e9e9e;           /* Muted gray */
    --text-accent: #2e7d32;          /* Brand green text */
    
    /* === CLEAN BORDER COLORS === */
    --border-light: #e8f5e8;         /* Very light green */
    --border-medium: #c8e6c9;        /* Light green */
    --border-strong: #a5d6a7;        /* Medium green */
    --border-focus: var(--brand-primary);
    --border-table: #e0e0e0;         /* Clean table borders */
    
    /* === SOFT SHADOW COLORS === */
    --shadow-sm: 0 1px 3px rgba(46, 125, 50, 0.1);
    --shadow-md: 0 4px 6px rgba(46, 125, 50, 0.1);
    --shadow-lg: 0 10px 15px rgba(46, 125, 50, 0.1);
    --shadow-xl: 0 20px 25px rgba(46, 125, 50, 0.15);
    
    /* === TYPOGRAPHY === */
    --font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    --font-size-xs: 0.75rem;      /* 12px */
    --font-size-sm: 0.875rem;     /* 14px */
    --font-size-base: 1rem;       /* 16px */
    --font-size-lg: 1.125rem;     /* 18px */
    --font-size-xl: 1.25rem;      /* 20px */
    --font-size-2xl: 1.5rem;      /* 24px */
    --font-size-3xl: 1.875rem;    /* 30px */
    --font-size-4xl: 2.25rem;     /* 36px */
    
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    
    /* === SPACING SCALE === */
    --space-1: 0.25rem;   /* 4px */
    --space-2: 0.5rem;    /* 8px */
    --space-3: 0.75rem;   /* 12px */
    --space-4: 1rem;      /* 16px */
    --space-5: 1.25rem;   /* 20px */
    --space-6: 1.5rem;    /* 24px */
    --space-8: 2rem;      /* 32px */
    --space-10: 2.5rem;   /* 40px */
    --space-12: 3rem;     /* 48px */
    --space-16: 4rem;     /* 64px */
    --space-20: 5rem;     /* 80px */
    
    /* === BORDER RADIUS === */
    --radius-none: 0;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 20px;
    --radius-full: 9999px;
    
    /* === Z-INDEX SCALE === */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-toast: 1080;
    
    /* === TRANSITIONS === */
    --transition-fast: 150ms ease-in-out;
    --transition-normal: 250ms ease-in-out;
    --transition-slow: 350ms ease-in-out;
    
    /* === LAYOUT === */
    --container-max-width: 1200px;
    --sidebar-width: 260px;
    --header-height: 64px;
    
    /* === COMPONENT SIZES === */
    --btn-height-sm: 32px;
    --btn-height-md: 40px;
    --btn-height-lg: 48px;
    
    --input-height-sm: 40px;
    --input-height-md: 40px;
    --input-height-lg: 48px;
    
    /* === LEGACY SUPPORT === */
    --brand: var(--brand-primary);
    --brand-2: var(--brand-secondary);
    --text: var(--text-primary);
    --muted: var(--text-secondary);
    --bg: var(--bg-tertiary);
    --panel: var(--bg-panel);
    --panel-2: var(--bg-panel-glass);
    --border: var(--border-light);
    --shadow: var(--shadow-md);
    --ok: var(--color-success);
    --warn: var(--color-warning);
    --danger: var(--color-error);
    --info: var(--color-info);
    --radius: var(--radius-md);
    --radius-lg: var(--radius-lg);
    --z-modal: var(--z-modal);
    --z-dropdown: var(--z-dropdown);
    --z-sticky: var(--z-sticky);
}