/* Palettes: the colour half of Clover's appearance (see "Palette" in
   CONTEXT.md). Each palette is a Franken UI theme class (uk-theme-<name>)
   that base.templ puts on <html> from localStorage.__FRANKEN__.theme; the
   "Default" palette is Franken's own uk-theme-zinc and needs nothing here.
   A palette sets only colours: fonts, radii and shadows stay the same.

   Values are HSL channels without hsl(), as Franken expects (it writes
   hsl(var(--primary)) itself); the hex each was derived from follows it.
   The form images repaint checkbox ticks, radio dots, select chevrons,
   dividers and list bullets, which Franken bakes per theme as SVG data
   URIs. Every text/background pair meets WCAG AA (4.5:1).

   This file is unlayered and loads after Franken's stylesheets, so it wins
   over Franken's layered .dark and :root defaults. */

/* Forest, light: green-tinted neutrals, derived from the Perodua design system. Primary is the DS's green-700, not brand green #00A650 (3.2:1 against white text) */
.uk-theme-forest {
	--background: 140 15.8% 96.3%; /* #f4f7f5 */
	--foreground: 156 9.8% 10%; /* #171c1a */
	--card: 0 0% 100%; /* #ffffff */
	--card-foreground: 156 9.8% 10%; /* #171c1a */
	--popover: 0 0% 100%; /* #ffffff */
	--popover-foreground: 156 9.8% 10%; /* #171c1a */
	--primary: 150.3 100% 22.9%; /* #00753b */
	--primary-foreground: 0 0% 100%; /* #ffffff */
	--secondary: 144 12.8% 92.4%; /* #e9eeeb */
	--secondary-foreground: 154.3 7.7% 17.8%; /* #2a312e */
	--muted: 144 12.8% 92.4%; /* #e9eeeb */
	--muted-foreground: 147.3 6.3% 34.3%; /* #525d57 */
	--accent: 145 52.2% 91%; /* #dcf4e6 */
	--accent-foreground: 151.5 87% 18%; /* #065630 */
	--destructive: 354 82.6% 42.9%; /* #c81325 */
	--destructive-foreground: 0 0% 100%; /* #ffffff */
	--border: 145.7 10.4% 86.9%; /* #dae1dd */
	--input: 145.7 10.4% 86.9%; /* #dae1dd */
	--ring: 148.9 100% 32.5%; /* #00a650 */
	/* Franken's base .dark fades these to suit its pure-white borders; ours are real colours. */
	--border-alpha: 1;
	--input-alpha: 1;
	--destructive-alpha: 1;
	--uk-form-checkbox-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%2300753b' /%3E%3Cpath d='M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z' fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' %3E%3C/path%3E%3C/svg%3E");
	--uk-form-checkbox-image-indeterminate:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%2300753b%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%3C%2Fsvg%3E");
	--uk-form-radio-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z' fill='%2300753b' fill-rule='evenodd' clip-rule='evenodd' %3E%3C/path%3E%3C/svg%3E");
	--uk-form-list-image:url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='%23525d57' points='12 1 9 6 15 6' /%3E%3Cpolygon fill='%23525d57' points='12 13 9 8 15 8' /%3E%3C/svg%3E");
	--uk-divider-icon-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23dae1dd%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%3C%2Fsvg%3E");
	--uk-list-bullet-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22%23171c1a%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E");
}

/* Forest, dark */
.dark.uk-theme-forest {
	--background: 156 12.2% 8%; /* #121715 */
	--foreground: 150 15.4% 94.9%; /* #f0f4f2 */
	--card: 156 9.8% 10%; /* #171c1a */
	--card-foreground: 150 15.4% 94.9%; /* #f0f4f2 */
	--popover: 156 9.8% 10%; /* #171c1a */
	--popover-foreground: 150 15.4% 94.9%; /* #f0f4f2 */
	--primary: 147.9 51.8% 50.4%; /* #3fc27c */
	--primary-foreground: 150.6 71.8% 13.9%; /* #0a3d24 */
	--secondary: 154.3 7.7% 17.8%; /* #2a312e */
	--secondary-foreground: 150 15.4% 94.9%; /* #f0f4f2 */
	--muted: 154.3 7.7% 17.8%; /* #2a312e */
	--muted-foreground: 147.7 6.4% 60.2%; /* #93a099 */
	--accent: 150.6 71.8% 13.9%; /* #0a3d24 */
	--accent-foreground: 145 52.2% 82%; /* #b9e9cd */
	--destructive: 354.4 84.4% 62.4%; /* #f04e5d */
	--destructive-foreground: 156 9.8% 10%; /* #171c1a */
	--border: 154.3 7.7% 17.8%; /* #2a312e */
	--input: 154.3 7.7% 17.8%; /* #2a312e */
	--ring: 147.9 51.8% 50.4%; /* #3fc27c */
	/* Franken's base .dark fades these to suit its pure-white borders; ours are real colours. */
	--border-alpha: 1;
	--input-alpha: 1;
	--destructive-alpha: 1;
	--uk-form-checkbox-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%233fc27c' /%3E%3Cpath d='M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z' fill='%230a3d24' fill-rule='evenodd' clip-rule='evenodd' %3E%3C/path%3E%3C/svg%3E");
	--uk-form-checkbox-image-indeterminate:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%233fc27c%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%3C%2Fsvg%3E");
	--uk-form-radio-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z' fill='%233fc27c' fill-rule='evenodd' clip-rule='evenodd' %3E%3C/path%3E%3C/svg%3E");
	--uk-form-list-image:url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='%2393a099' points='12 1 9 6 15 6' /%3E%3Cpolygon fill='%2393a099' points='12 13 9 8 15 8' /%3E%3C/svg%3E");
	--uk-divider-icon-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%232a312e%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%3C%2Fsvg%3E");
	--uk-list-bullet-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22%23f0f4f2%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E");
}

/* Ocean, light: warm off-white canvas and one blue, derived from the Subtle Gradient design system */
.uk-theme-ocean {
	--background: 30 10% 96.1%; /* #f6f5f4 */
	--foreground: 40 3.2% 18.6%; /* #31302e */
	--card: 0 0% 100%; /* #ffffff */
	--card-foreground: 40 3.2% 18.6%; /* #31302e */
	--popover: 0 0% 100%; /* #ffffff */
	--popover-foreground: 40 3.2% 18.6%; /* #31302e */
	--primary: 208.4 100% 43.5%; /* #0075de */
	--primary-foreground: 0 0% 100%; /* #ffffff */
	--secondary: 30 10.5% 92.5%; /* #eeecea */
	--secondary-foreground: 40 3.2% 18.6%; /* #31302e */
	--muted: 30 10.5% 92.5%; /* #eeecea */
	--muted-foreground: 30 4.3% 36.5%; /* #615d59 */
	--accent: 30 10.5% 92.5%; /* #eeecea */
	--accent-foreground: 40 3.2% 18.6%; /* #31302e */
	--destructive: 0 73.9% 45.1%; /* #c81e1e */
	--destructive-foreground: 0 0% 100%; /* #ffffff */
	--border: 0 0% 90.2%; /* #e6e6e6 */
	--input: 0 0% 86.7%; /* #dddddd */
	--ring: 208.4 100% 43.5%; /* #0075de */
	/* Franken's base .dark fades these to suit its pure-white borders; ours are real colours. */
	--border-alpha: 1;
	--input-alpha: 1;
	--destructive-alpha: 1;
	--uk-form-checkbox-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%230075de' /%3E%3Cpath d='M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z' fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' %3E%3C/path%3E%3C/svg%3E");
	--uk-form-checkbox-image-indeterminate:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%230075de%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%3C%2Fsvg%3E");
	--uk-form-radio-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z' fill='%230075de' fill-rule='evenodd' clip-rule='evenodd' %3E%3C/path%3E%3C/svg%3E");
	--uk-form-list-image:url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='%23615d59' points='12 1 9 6 15 6' /%3E%3Cpolygon fill='%23615d59' points='12 13 9 8 15 8' /%3E%3C/svg%3E");
	--uk-divider-icon-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e6e6e6%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%3C%2Fsvg%3E");
	--uk-list-bullet-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22%2331302e%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E");
}

/* Ocean, dark */
.dark.uk-theme-ocean {
	--background: 30 3.7% 10.6%; /* #1c1b1a */
	--foreground: 30 12.5% 93.7%; /* #f1efed */
	--card: 40 4.5% 13.1%; /* #232220 */
	--card-foreground: 30 12.5% 93.7%; /* #f1efed */
	--popover: 40 4.5% 13.1%; /* #232220 */
	--popover-foreground: 30 12.5% 93.7%; /* #f1efed */
	--primary: 207.9 82.6% 66.3%; /* #62aef0 */
	--primary-foreground: 210 64.5% 12.2%; /* #0b1f33 */
	--secondary: 30 4.5% 17.3%; /* #2e2c2a */
	--secondary-foreground: 30 12.5% 93.7%; /* #f1efed */
	--muted: 30 4.5% 17.3%; /* #2e2c2a */
	--muted-foreground: 32.7 5.6% 61.8%; /* #a39e98 */
	--accent: 30 4.5% 17.3%; /* #2e2c2a */
	--accent-foreground: 30 12.5% 93.7%; /* #f1efed */
	--destructive: 0 90.6% 70.8%; /* #f87171 */
	--destructive-foreground: 30 3.7% 10.6%; /* #1c1b1a */
	--border: 30 4.1% 19.2%; /* #33312f */
	--input: 30 3.6% 22%; /* #3a3836 */
	--ring: 207.9 82.6% 66.3%; /* #62aef0 */
	/* Franken's base .dark fades these to suit its pure-white borders; ours are real colours. */
	--border-alpha: 1;
	--input-alpha: 1;
	--destructive-alpha: 1;
	--uk-form-checkbox-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%2362aef0' /%3E%3Cpath d='M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z' fill='%230b1f33' fill-rule='evenodd' clip-rule='evenodd' %3E%3C/path%3E%3C/svg%3E");
	--uk-form-checkbox-image-indeterminate:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%2362aef0%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%3C%2Fsvg%3E");
	--uk-form-radio-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z' fill='%2362aef0' fill-rule='evenodd' clip-rule='evenodd' %3E%3C/path%3E%3C/svg%3E");
	--uk-form-list-image:url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='%23a39e98' points='12 1 9 6 15 6' /%3E%3Cpolygon fill='%23a39e98' points='12 13 9 8 15 8' /%3E%3C/svg%3E");
	--uk-divider-icon-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%2333312f%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%3C%2Fsvg%3E");
	--uk-list-bullet-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22%23f1efed%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E");
}