// ===========================================
// Tamil CSS Framework Variables
// ===========================================

// Spacing Scale (இடைவெளி அளவுகள்)
$spacing-values: (
  0: 0px,
  1ப: 1px,
  0_5: 0.125rem,
  1: 0.25rem,
  1_5: 0.375rem,
  2: 0.5rem,
  2_5: 0.625rem,
  3: 0.75rem,
  3_5: 0.875rem,
  4: 1rem,
  5: 1.25rem,
  6: 1.5rem,
  7: 1.75rem,
  8: 2rem,
  9: 2.25rem,
  10: 2.5rem,
  11: 2.75rem,
  12: 3rem,
  14: 3.5rem,
  16: 4rem,
  20: 5rem,
  24: 6rem,
  28: 7rem,
  32: 8rem,
  36: 9rem,
  40: 10rem,
  44: 11rem,
  48: 12rem,
  52: 13rem,
  56: 14rem,
  60: 15rem,
  64: 16rem,
  72: 18rem,
  80: 20rem,
  96: 24rem
);

// Breakpoints (முறிவு புள்ளிகள்)
$breakpoints: (
  சி: 640px,   // Small
  ந: 768px,    // Medium  
  பெ: 1024px,  // Large
  மி: 1280px,  // Extra Large
  இமி: 1536px  // 2X Large (changed from 2மி to இமி)
);

// Font Sizes (எழுத்துரு அளவுகள்)
$font-sizes: (
  மிசி: (0.75rem, 1rem),
  சி: (0.875rem, 1.25rem),
  ந: (1rem, 1.5rem),
  பெ: (1.125rem, 1.75rem),
  மிபெ: (1.25rem, 1.75rem),
  2மிபெ: (1.5rem, 2rem),
  3மிபெ: (1.875rem, 2.25rem),
  4மிபெ: (2.25rem, 2.5rem),
  5மிபெ: (3rem, 1),
  6மிபெ: (3.75rem, 1),
  7மிபெ: (4.5rem, 1),
  8மிபெ: (6rem, 1),
  9மிபெ: (8rem, 1)
);

// Font Weights (எழுத்துரு எடைகள்)
$font-weights: (
  மெல்லிய: 100,
  கூடுதல்மெல்லிய: 200,
  ஒளி: 300,
  சாதாரண: 400,
  நடுத்தர: 500,
  அரைதடிமன: 600,
  தடிமன: 700,
  கூடுதல்தடிமன: 800,
  கருமை: 900
);

// Color Palette (நிற தட்டு)
$colors: (
  // Red Family (சிவப்பு குடும்பம்)
  சிவப்பு: (
    50: oklch(97.1% 0.013 17.38),
    100: oklch(93.6% 0.032 17.717),
    200: oklch(88.5% 0.062 18.334),
    300: oklch(80.8% 0.114 19.571),
    400: oklch(70.4% 0.191 22.216),
    500: oklch(62.8% 0.257 25.331),
    600: oklch(55.5% 0.261 27.325),
    700: oklch(45.3% 0.214 27.523),
    800: oklch(39.2% 0.176 27.042),
    900: oklch(35.8% 0.151 27.996)
  ),
  
  // Orange Family (ஆரஞ்சு குடும்பம்)
  ஆரஞ்சு: (
    50: oklch(98.2% 0.013 70.38),
    100: oklch(95.1% 0.035 68.717),
    200: oklch(90.8% 0.068 65.334),
    300: oklch(84.2% 0.125 62.571),
    400: oklch(75.8% 0.198 58.216),
    500: oklch(68.2% 0.168 55.331),
    600: oklch(59.5% 0.145 52.325),
    700: oklch(49.2% 0.118 49.523),
    800: oklch(42.8% 0.095 47.042),
    900: oklch(38.2% 0.078 45.996)
  ),
  
  // Yellow Family (மஞ்சள் குடும்பம்)
  மஞ்சள்: (
    50: oklch(98.8% 0.013 95.38),
    100: oklch(96.8% 0.035 92.717),
    200: oklch(93.2% 0.068 89.334),
    300: oklch(88.5% 0.125 86.571),
    400: oklch(82.8% 0.198 83.216),
    500: oklch(75.2% 0.168 80.331),
    600: oklch(66.5% 0.145 77.325),
    700: oklch(56.2% 0.118 74.523),
    800: oklch(49.8% 0.095 72.042),
    900: oklch(45.2% 0.078 70.996)
  ),
  
  // Green Family (பச்சை குடும்பம்)
  பச்சை: (
    50: oklch(97.8% 0.013 142.38),
    100: oklch(94.2% 0.035 139.717),
    200: oklch(89.8% 0.068 136.334),
    300: oklch(83.5% 0.125 133.571),
    400: oklch(75.8% 0.198 130.216),
    500: oklch(67.2% 0.168 127.331),
    600: oklch(58.5% 0.145 124.325),
    700: oklch(48.2% 0.118 121.523),
    800: oklch(41.8% 0.095 119.042),
    900: oklch(37.2% 0.078 117.996)
  ),
  
  // Blue Family (நீலம் குடும்பம்)
  நீலம்: (
    50: oklch(96.2% 0.013 263.38),
    100: oklch(91.8% 0.035 260.717),
    200: oklch(85.2% 0.068 257.334),
    300: oklch(76.5% 0.125 254.571),
    400: oklch(66.8% 0.198 251.216),
    500: oklch(57.2% 0.168 248.331),
    600: oklch(47.5% 0.145 245.325),
    700: oklch(37.2% 0.118 242.523),
    800: oklch(30.8% 0.095 240.042),
    900: oklch(26.2% 0.078 238.996)
  ),
  
  // Purple Family (ஊதா குடும்பம்)
  ஊதா: (
    50: oklch(97.5% 0.013 300.38),
    100: oklch(94.2% 0.035 297.717),
    200: oklch(89.8% 0.068 294.334),
    300: oklch(83.5% 0.125 291.571),
    400: oklch(75.8% 0.198 288.216),
    500: oklch(67.2% 0.168 285.331),
    600: oklch(58.5% 0.145 282.325),
    700: oklch(48.2% 0.118 279.523),
    800: oklch(41.8% 0.095 277.042),
    900: oklch(37.2% 0.078 275.996)
  ),
  
  // Pink Family (இளஞ்சிவப்பு குடும்பம்)
  இளஞ்சிவப்பு: (
    50: oklch(97.8% 0.013 340.38),
    100: oklch(94.5% 0.035 337.717),
    200: oklch(90.2% 0.068 334.334),
    300: oklch(84.5% 0.125 331.571),
    400: oklch(77.8% 0.198 328.216),
    500: oklch(69.2% 0.168 325.331),
    600: oklch(60.5% 0.145 322.325),
    700: oklch(50.2% 0.118 319.523),
    800: oklch(43.8% 0.095 317.042),
    900: oklch(39.2% 0.078 315.996)
  ),
  
  // Gray Family (சாம்பல் குடும்பம்)
  சாம்பல்: (
    50: oklch(98.5% 0.002 247.858),
    100: oklch(96.2% 0.004 247.858),
    200: oklch(92.1% 0.008 247.858),
    300: oklch(86.5% 0.015 247.858),
    400: oklch(69.2% 0.004 247.858),
    500: oklch(54.2% 0.006 247.858),
    600: oklch(42.5% 0.004 247.858),
    700: oklch(32.2% 0.003 247.858),
    800: oklch(24.8% 0.002 247.858),
    900: oklch(19.2% 0.001 247.858)
  ),

  //Teal Family (மயில்பச்சை குடும்பம்)
  மயில்பச்சை: (
    50:  oklch(0.95 0.03 200),
    100: oklch(0.90 0.05 200),
    200: oklch(0.80 0.07 200),
    300: oklch(0.70 0.10 200),
    400: oklch(0.60 0.11 200),
    500: oklch(0.55 0.12 200),
    600: oklch(0.50 0.11 200),
    700: oklch(0.40 0.10 200),
    800: oklch(0.30 0.08 200),
    900: oklch(0.20 0.07 200)
  ),

  //Cyan Family (நீர்நிறம் குடும்பம்)
  நீர்நிறம்: (
    50:  oklch(0.97 0.02 220),
    100: oklch(0.93 0.04 220),
    200: oklch(0.87 0.06 220),
    300: oklch(0.78 0.09 220),
    400: oklch(0.70 0.11 220),
    500: oklch(0.62 0.12 220),
    600: oklch(0.55 0.11 220),
    700: oklch(0.45 0.09 220),
    800: oklch(0.35 0.07 220),
    900: oklch(0.25 0.06 220)
  ),

  //Emerald Family(மரகதம் குடும்பம்)
  மரகதம்: (
    50:  oklch(0.96 0.04 150),
    100: oklch(0.90 0.06 150),
    200: oklch(0.82 0.08 150),
    300: oklch(0.72 0.11 150),
    400: oklch(0.62 0.13 150),
    500: oklch(0.55 0.14 150),
    600: oklch(0.50 0.13 150),
    700: oklch(0.40 0.11 150),
    800: oklch(0.30 0.09 150),
    900: oklch(0.20 0.07 150)
  ),

  //Lime Family (எலுமிச்சைப் பச்சை குடும்பம்)
  எலுமிச்சைப்பச்சை: (
    50:  oklch(0.98 0.04 120),
    100: oklch(0.95 0.07 120),
    200: oklch(0.90 0.10 120),
    300: oklch(0.82 0.14 120),
    400: oklch(0.72 0.16 120),
    500: oklch(0.65 0.17 120),
    600: oklch(0.55 0.16 120),
    700: oklch(0.45 0.13 120),
    800: oklch(0.35 0.10 120),
    900: oklch(0.25 0.08 120)
  ),
  
  //Sky Family (வானநீலம் குடும்பம்)
  வானநீலம்: (
    50:  oklch(0.97 0.03 220),
    100: oklch(0.93 0.05 220),
    200: oklch(0.87 0.07 220),
    300: oklch(0.78 0.10 220),
    400: oklch(0.70 0.12 220),
    500: oklch(0.62 0.13 220),
    600: oklch(0.55 0.12 220),
    700: oklch(0.45 0.10 220),
    800: oklch(0.35 0.08 220),
    900: oklch(0.25 0.06 220)
  ),

  //Indigo Family (இண்டிகோ – கடுநீலம் குடும்பம்)
  இண்டிகோ: (
    50:  oklch(0.95 0.03 275),
    100: oklch(0.90 0.05 275),
    200: oklch(0.80 0.07 275),
    300: oklch(0.70 0.10 275),
    400: oklch(0.60 0.11 275),
    500: oklch(0.52 0.12 275),
    600: oklch(0.44 0.11 275),
    700: oklch(0.36 0.09 275),
    800: oklch(0.27 0.07 275),
    900: oklch(0.20 0.06 275)
  ),

  //Rose Family (ரோஜா குடும்பம்)
  ரோஜா: (
    50:  oklch(0.97 0.03 10),
    100: oklch(0.92 0.06 10),
    200: oklch(0.85 0.09 10),
    300: oklch(0.75 0.12 10),
    400: oklch(0.65 0.14 10),
    500: oklch(0.58 0.15 10),
    600: oklch(0.50 0.13 10),
    700: oklch(0.40 0.10 10),
    800: oklch(0.30 0.08 10),
    900: oklch(0.22 0.07 10)
  ),

  //Amber Family (கற்குமிழ் மஞ்சள் குடும்பம்)
  கற்குமிழ்மஞ்சள்: (
    50:  oklch(0.98 0.04 85),
    100: oklch(0.95 0.07 85),
    200: oklch(0.90 0.10 85),
    300: oklch(0.82 0.13 85),
    400: oklch(0.74 0.14 85),
    500: oklch(0.66 0.15 85),
    600: oklch(0.56 0.13 85),
    700: oklch(0.46 0.10 85),
    800: oklch(0.36 0.08 85),
    900: oklch(0.26 0.07 85)
  ),

  //Neutral Family (நடுநிறம்  குடும்பம்)
  நடுநிறம்: (
    50:  oklch(0.97 0 0),
    100: oklch(0.92 0 0),
    200: oklch(0.85 0 0),
    300: oklch(0.75 0 0),
    400: oklch(0.65 0 0),
    500: oklch(0.55 0 0),
    600: oklch(0.45 0 0),
    700: oklch(0.35 0 0),
    800: oklch(0.25 0 0),
    900: oklch(0.15 0 0)
  ),

  //Stone Family (கல்நிறம் குடும்பம்)
  கல்நிறம்: (
    50:  oklch(0.96 0.01 80),
    100: oklch(0.90 0.01 80),
    200: oklch(0.82 0.01 80),
    300: oklch(0.72 0.01 80),
    400: oklch(0.62 0.01 80),
    500: oklch(0.55 0.01 80),
    600: oklch(0.47 0.01 80),
    700: oklch(0.38 0.01 80),
    800: oklch(0.28 0.01 80),
    900: oklch(0.20 0.01 80)
  ),

  // Special Colors (சிறப்பு நிறங்கள்)
  கருப்பு: rgb(0, 0, 0),
  வெள்ளை: #ffffff,
  வெளிப்படையான: transparent
);

// Border Radius (எல்லை வளைவு)
$border-radius: (
  இல்லை: 0px,
  சி: 0.125rem,
  default: 0.25rem,
  நடு: 0.375rem,
  பெ: 0.5rem,
  மிபெ: 0.75rem,
  2மிபெ: 1rem,
  3மிபெ: 1.5rem,
  முழு: 9999px
);

// Box Shadow (பெட்டி நிழல்)
$box-shadows: (
  சி: (0 1px 2px 0 rgb(0 0 0 / 0.05)),
  default: (0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)),
  நடு: (0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)),
  பெ: (0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)),
  மிபெ: (0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)),
  2மிபெ: (0 25px 50px -12px rgb(0 0 0 / 0.25)),
  உள்ளே: (inset 0 2px 4px 0 rgb(0 0 0 / 0.05)),
  இல்லை: (0 0 #0000)
);

// Z-Index Scale
$z-index: (
  0: 0,
  10: 10,
  20: 20,
  30: 30,
  40: 40,
  50: 50,
  auto: auto
);

// Opacity Scale
$opacity: (
  0: 0,
  5: 0.05,
  10: 0.1,
  20: 0.2,
  25: 0.25,
  30: 0.3,
  40: 0.4,
  50: 0.5,
  60: 0.6,
  70: 0.7,
  75: 0.75,
  80: 0.8,
  90: 0.9,
  95: 0.95,
  100: 1
);